gulp版本和node版本问题

src/main/resources/static/gulpfile.js

@@ -8,6 +8,7 @@ const uglify = require('gulp-uglify');
 const fs = require('fs');
 const _ = require('lodash');
 const babel = require('gulp-babel');
+const clean = require('gulp-clean')
 
 
 const scripts = require('./app.scripts.json');
@@ -36,37 +37,20 @@ const destinations = {
     js: 'build'
 };
 //  清理目标目录
-function clean(cb) {
-    del([destinations.js])
-    cb()
-}
-// /* function htmlmin() {
-//     gulp.src('app/**/*.css')
-//         .pipe(uglify())
-//         .pipe(gulp.dest('build/html'))
-// }
-// function cssmin() {
-//     gulp.src('app/**/*.css')
-//         .pipe(uglify())
-//         .pipe(gulp.dest('build/css'))
-// }
-// /* 压缩js，放入js文件夹 */
-// function jsmini() {
-//     gulp.src('app/**/*.js')
-//         // .pipe(babel()) //ES6转换为ES5
-//         .pipe(uglify())
-//         .pipe(gulp.dest('build/js'))
-// } */
-function build() {
-    // console.log('重新打包')
+gulp.task('clean', function () {
+    gulp.src([destinations.js])
+        .pipe(clean())
+})
+
+gulp.task('build', function () {
     return es.merge(gulp.src(source.js.src), getTemplateStream())
         .pipe(ngAnnotate())
         .pipe(babel())
         .pipe(uglify())
         .pipe(concat('app.js'))
         .pipe(gulp.dest(destinations.js));
-        
-}
+})
+
 // 这里功能好像跟bulid重合了
 function jsmin() {
     return es.merge(gulp.src(source.js.src), getTemplateStream())
@@ -78,18 +62,18 @@ gulp.task('watch', function () {
     gulp.watch('app/**/*.*').on('change', function (path, stats) {
         console.log('File' + path + "was changed")
         // 如果要实时打包，可以在这里创建任务
-        gulp.series(build)
+        // gulp.task('build')
     }).on('unlink', function (path) {
-        console.log('File ' + path + ' was removed' )
-});
+        console.log('File ' + path + ' was removed')
+    });
 });
-gulp.task('connect', function() {
+gulp.task('connect', function () {
     connect.server({
         // livereload:true,//自动更新
         port: 8888
     });
 });
-function vendor(done) {
+gulp.task('vendor', function () {
     _.forIn(scripts.chunks, function (chunkScripts, chunkName) {
         const paths = [];
         chunkScripts.forEach(function (script) {
@@ -107,28 +91,17 @@ function vendor(done) {
             .pipe(gulp.dest(destinations.js))
 
     })
-    done()
-}
-// gulp.task('prod', gulp.series('vendor', 'build'));
-// gulp.task('dev', ['vendor', 'js', 'watch', 'connect']);
-// gulp.task('default', ['dev']);
-// 添加默认任务 运行gulp即可实现打包
+})
 
-exports.clean = clean;
-exports.build = build;
-// exports.watchTask = watchTask;
-exports.vendor = vendor;
-// exports.htmlmin = htmlmin;
-// exports.cssmin = cssmin;
-// exports.jsmini = jsmini;
+// 添加默认任务 运行gulp即可实现打包
 
-gulp.task('prod',gulp.series(vendor,build))
-gulp.task('dev',gulp.parallel(vendor,build))
-gulp.task('test',gulp.series(build,'watch','connect'))
-gulp.task('default',gulp.series('dev'))
+gulp.task('prod', ['vendor', 'build'])
+gulp.task('dev', ['vendor', 'build'])
+gulp.task('test', ['build', 'watch', 'connect'])
+gulp.task('default', ['dev'])
 
 
-const swallowError = function(error){
+const swallowError = function (error) {
     console.log(error.toString());
     this.emit('end')
 };

src/main/resources/static/package.json

@@ -7,8 +7,7 @@
   "scripts": {
     "dev": "gulp dev",
     "prod": "gulp prod",
-    "watch":"gulp watch"
-
+    "watch": "gulp watch"
   },
   "author": "Sunny",
   "license": "MyOrange Inc.",
@@ -16,9 +15,10 @@
     "@babel/core": "^7.14.6",
     "@babel/preset-env": "^7.14.5",
     "event-stream": "~3.3.1",
-    "gulp": "^4.0.2",
+    "gulp": "^3.9.1",
     "gulp-angular-templatecache": "^1.7.0",
     "gulp-babel": "^8.0.0",
+    "gulp-clean": "^0.4.0",
     "gulp-concat": "^2.6.0",
     "gulp-connect": "^2.2.0",
     "gulp-ng-annotate": "^1.0.0",