我试图在我的项目中开始使用Bourbon和Neat Sass库。我想用Gulp编译Sass。这是一个简单的styles
任务设置,我在其中一个教程中找到了:
var gulp = require('gulp'),
sass = require('gulp-sass'),
neat = require('node-neat').includePaths;
var paths = {
scss: './assets/styles/*.scss'
};
gulp.task('styles', function () {
return gulp.src(paths.scss)
.pipe(sass({
includePaths: ['styles'].concat(neat)
}))
.pipe(gulp.dest('./dist/styles'));
});
gulp.task('default', function () {
gulp.start('styles');
});
然后在主.scss
文件中放置导入:
@import "bourbon";
@import "base/base";
@import "neat";
此任务正确执行。
令我困惑的是究竟是什么includePaths
?根据上面的示例,有人可以向我解释什么includePath
是角色?
在sass中,您可以在多个文件夹中整理sass文件,但希望main.sass能够在编译时将其导入,因此您可以指定
includePaths
,以便sass知道在哪里可以找到@import sass file
,在这里使用node-neat
,如果您想从中导入一些样式,默认情况下,sass不知道在哪里寻找,因此您需要告诉sass在哪里找到要导入的文件