gulp4.0解决task任务顺序执行

工作上最近需要将模板文件和静态资源文件分别打包出来并分别推到CDN和前端静态资源服务器上,然后之前一直使用GULP3.X版本,并没有严格的控制各个task的执行顺序,现需要打包操作前需要将各个任务执行完毕,N方式均不理想后,查看了GULP4.0的API后果断升级4.0 解决,下面开始:

首先卸载自己3.X版本的gulp

gulp -v

npm uninstall gulp --save-dev -g

其次安装gulp4.0版本

npm install gulpjs/gulp#4.0 --save-dev -g

npm install gulpjs/gulp#4.0 --save-dev
这里推荐全局安装,本人未全局安装出现了一些坑

安装完成后就可以修改任务了

使用4.0中更新的内容

gulp.task('develop', 
  gulp.series('mall-clean', 
    'mall-minify-html', 
    gulp.parallel('mall-minify-sass', 
      'mall-minify-css',
      'mall-minify-js',
      'mall-minify-common',
      'mall-minify-image',
      'mall-minify-imagex2',
      'mall-minify-common-image'), 
'mall-compress',
'mall-clean',function(){
    console.log('部署完成!');
![Uploading after_892936.png . . .]

}));  

gulp --task

gulp4.0解决task任务顺序执行_第1张图片
image.png

更多API详见:https://github.com/gulpjs/gulp

你可能感兴趣的:(gulp4.0解决task任务顺序执行)