如何将.watch添加到gulpfile.js

2o7dmzc5  于 2022-12-16  发布在  Gulp
关注(0)|答案(1)|浏览(218)

我正在使用gulp的JS和CSS的缩小。一切工作正常,但我需要添加。观看自动这个过程。
有人能帮帮我吗?
下面是我的代码:

// Require the npm modules we need
var gulp = require("gulp"),
    rename = require("gulp-rename"),
    cleanCSS = require("gulp-clean-css"),
    terser = require("gulp-terser");

// Looks for a file called styles.css inside the css directory
// Copies and renames the file to styles.min.css
// Minifies the CSS
// Saves the new file inside the css directory
function minifyCSS() {
  return gulp.src("./_statika/css/style.css")
    .pipe(rename("style.min.css"))
    .pipe(cleanCSS())
    .pipe(gulp.dest("./css"));
}

// Looks for a file called app.js inside the js directory
// Copies and renames the file to app.min.js
// Minifies the JS
// Saves the new file inside the js directory
function minifyJS() {
  return gulp.src("./_statika/js/scripts.js")
    .pipe(rename("scripts.min.js"))
    .pipe(terser())
    .pipe(gulp.dest("./js"));
}

// Makes both functions available as a single default task
// The two functions will execute asynchronously (in parallel)
// The task will run when you use the gulp command in the terminal
exports.default = gulp.parallel(minifyCSS, minifyJS);

多谢了

jjjwad0x

jjjwad0x1#

试试这个:

gulp.watch("./_statika/css/style.css", minifyCSS);
gulp.watch("./_statika/js/scripts.js", minifyJS);

相关问题