我用gulp js创建了一个项目,安装了bootstrap,browse-sync和sass。
我的gulpfile.js
文件如下所示:
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
const sass = require('gulp-sass')(require('sass'));
gulp.task('sass', () => {
return gulp.src("./sass/*.scss")
.pipe(sass())
.pipe(gulp.dest("dist/"))
.pipe(browserSync.stream());
});
gulp.task('start', gulp.series('sass', function() {
browserSync.init({
server: "./"
});
gulp.watch("sass/*.scss", gulp.series('sass'));
gulp.watch("./*.html").on('change', browserSync.reload);
}));
gulp.task('default', gulp.series('start'));
当我在HTML和SCSS文件中使用Ctrl + S命令时,我的项目被保存,浏览器被重新加载;但是我也想为我的JS文件做这个。你能帮我吗?
1条答案
按热度按时间w6mmgewl1#
非常类似于你处理css的方式,但是你可以使用其他插件比如terser来压缩你的javascript。