Gulp的includePaths有什么作用?

萨斯 CSS

2020-03-23

我试图在我的项目中开始使用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是角色?

第2925篇《Gulp的includePaths有什么作用?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
飞云 2020.03.23

includePaths

类型:数组默认值:[]

libsass可以查看以尝试解析您的@import声明的路径数组。使用数据时,建议您使用它。

在sass中,您可以在多个文件夹中整理sass文件,但希望main.sass能够在编译时将其导入,因此您可以指定includePaths,以便sass知道在哪里可以找到@import sass file,在这里使用node-neat,如果您想从中导入一些样式,默认情况下,sass不知道在哪里寻找,因此您需要告诉sass在哪里找到要导入的文件

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android