我有一个重要的问题要问:
我有一堆sass文件(不是scss),我正在使用gulp,但这里的问题是Gulp只接受scss文件
所以,我想知道是否有任何可能性,我的gulp文件接受sass而不是css或两者兼而有之。
这是我的吞咽档案:
function Default () {
browserSync.init({
server: "./src"
});
gulp.watch('src/sass/*.scss', Sass);
gulp.watch("src/*.html").on('change',browserSync.reload);
}
function Sass(){
return gulp.src(['node_modules/bootstrap/scss/bootstrap.scss','src/sass/*.scss'])
.pipe(sass()) //le decimos que vamos a convertir nuestro archivo sass
.pipe(gulp.dest("src/css")) //le dcemos que lo guarde aquí
.pipe(browserSync.stream());
}
exports.default = Default;
1条答案
按热度按时间clj7thdc1#
Gulp在
gulp.src
中作为参数传递的src数组的帮助下接受文件类型,并且在监视函数中接受要监视的文件。因此,将上面的代码更改为类似以下内容,接受sass作为文件类型(而不是scss),然后告诉watcher函数在sass更改时运行。
这里的
sassdirectoryglob
是一个glob,它将包含您所在位置的所有.sass
类型的文件,这些文件将被监视。以及主Sass函数,其中
arrayofsassfiles
应为仅需要编译的主文件(而不是以下划线开头的部分文件)。