Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将一组SCSS文件传递给gulp,以便进行编译?_Css_Sass_Gulp - Fatal编程技术网

如何将一组SCSS文件传递给gulp,以便进行编译?

如何将一组SCSS文件传递给gulp,以便进行编译?,css,sass,gulp,Css,Sass,Gulp,我希望能够在一个数组中指定一个SCSS文件列表(不幸的是,我无法通过将它们存储在目录中并进行全局搜索来实现这一点) 我想象着这样的事情: myfiles = ['header.scss', 'content.scss', 'footer.scss']; gulp.src_from_array( { base: '/sass/sources/', file_array: myfiles } ) .pipe(sourcemaps.init()) .p

我希望能够在一个数组中指定一个SCSS文件列表(不幸的是,我无法通过将它们存储在目录中并进行全局搜索来实现这一点)

我想象着这样的事情:

    myfiles = ['header.scss', 'content.scss', 'footer.scss'];

    gulp.src_from_array( { base: '/sass/sources/', file_array: myfiles } )
        .pipe(sourcemaps.init())
        .pipe(sass())
        .pipe(autoprefixer())
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('./'))
        .pipe(notify({
            onLast: true,
            message: "Sass compiled successfully <%= file.relative %>",
        })
    );
myfiles=['header.scss','content.scss','footer.scss'];
gulp.src_来自_数组({base:'/sass/sources/',file_数组:myfiles})
.pipe(sourcemaps.init())
.pipe(sass())
.pipe(autoprefixer())
.pipe(sourcemaps.write('.'))
.pipe(大口目的地('./'))
.管道(通知({
是的,
消息:“Sass编译成功”,
})
);
其思想是,它将处理数组中指定的SCSS文件,然后输出一个CSS文件(和一个sourcemap)


我怎样才能做到这一点?我在想可能是关于,或者,但我不太清楚该怎么做。

也许我误解了你在寻找什么,但你就不能直接使用gulp.src吗

因此,在您的示例中,这将是:

myfiles = ['/sass/sources/header.scss', '/sass/sources/content.scss', '/sass/sources/footer.scss'];

gulp.src(myfiles)
    .pipe...

另一种方法是使用一个SCSS文件来导入所有其他文件。

也许我误解了您要查找的内容,但您不能直接使用gulp.src吗

因此,在您的示例中,这将是:

myfiles = ['/sass/sources/header.scss', '/sass/sources/content.scss', '/sass/sources/footer.scss'];

gulp.src(myfiles)
    .pipe...

另一种方法是使用SCSS文件导入所有其他文件。

。这工作做得很好。谢谢明亮的这工作做得很好。谢谢