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

image.png

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容