导入以tilde开头的node_模块会导致Gulp sass问题
我正在通过一个gulp sass任务将.scss文件转换为.css。问题是base.scss文件包含包含其他导入的导入。这些进口首先是导入以tilde开头的node_模块会导致Gulp sass问题,sass,gulp,Sass,Gulp,我正在通过一个gulp sass任务将.scss文件转换为.css。问题是base.scss文件包含包含其他导入的导入。这些进口首先是 ~@angular/material/core/etc/etc 波浪线导致以下错误: events.js:160 throw er; // Unhandled 'error' event ^ Error: node_modules\@covalent\core\chips\_chips-theme.scss Error: File to import
~@angular/material/core/etc/etc
波浪线导致以下错误:
events.js:160
throw er; // Unhandled 'error' event
^
Error: node_modules\@covalent\core\chips\_chips-theme.scss
Error: File to import not found or unreadable: ~@angular/material/core/theming/theming.
Parent style sheet: C:/Users/laurensk/Documents/Playground/node_modules/@covalent/core/chips/_chips-theme.scss
on line 1 of node_modules/@covalent/core/chips/_chips-theme.scss
>> @import '~@angular/material/core/theming/theming';
^
有一个自定义导入程序,名为,但我不确定是否有可能在我的gulp sass任务中实现此功能
我的代码:
var gulp = require("gulp"),
sass = require("gulp-sass");
//var replace = require('gulp-replace');
//var sassGlob = require('gulp-sass-glob');
//var tildeImporter = require('node-sass-tilde-importer');
gulp.task("sass", function () {
return gulp
.src('Styles/theme.scss')
.pipe(sass())
.pipe(gulp.dest('wwwroot/dist'));
});
我尝试用“./node\u modules”替换“~”,但它会引发相同的错误
任何意见都将不胜感激
gulp sass
接受所有节点sass
属性。
因此,您只需使用节点sass tilde importer
配置gulp sass
:
var gulp = require("gulp"),
sass = require("gulp-sass");
var tildeImporter = require('node-sass-tilde-importer');
gulp.task("sass", function () {
return gulp
.src('Styles/theme.scss')
.pipe(sass({
importer: tildeImporter
}))
.pipe(gulp.dest('wwwroot/dist'));
});