我一直在网站上工作并使用Gulp编译我的scss文件。但是,main.scss文件很快就获得了行数,我决定将它拆分为不同的文件,然后导入到一个将被编译为css的文件中。
这是我项目的结构(其他文件夹,例如/ js被省略)
- css
- sass
- helpers
_variables.scss
main.scss
我使用以下行在main.scss中导入_variables.scss
@import 'helpers/_variables.scss';
这是我的一项任务:
gulp.task('sass',function(){
return gulp.src('sass/**/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('css'))
});
当我启动任务时,CLI输出:
[17:13:04] Starting 'sass'...
Error in plugin 'sass'
Message:
sass\main.scss
undefined