如何使用Gulp处理sass文件(.sass)?

icomxhvb  于 2022-12-08  发布在  Gulp
关注(0)|答案(1)|浏览(217)

我有一个重要的问题要问:
我有一堆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;
clj7thdc

clj7thdc1#

Gulp在gulp.src中作为参数传递的src数组的帮助下接受文件类型,并且在监视函数中接受要监视的文件。
因此,将上面的代码更改为类似以下内容,接受sass作为文件类型(而不是scss),然后告诉watcher函数在sass更改时运行。
这里的sassdirectoryglob是一个glob,它将包含您所在位置的所有.sass类型的文件,这些文件将被监视。

gulp.watch(sassdirectoryglob, Sass);

以及主Sass函数,其中arrayofsassfiles应为仅需要编译的主文件(而不是以下划线开头的部分文件)。

function Sass(){

return gulp.src(arrayofsassfiles)
.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());
}

相关问题