2019-05-06 分类：百宝工具箱 作者：管理员 阅读（726）
使用过gulp工具的应该都知道，gulp默认是异步执行任务的，这样可以大大提高运行速度效率，但实际情况我们很多时候需要用到同步，举个场景例子，我现在需要将一个css文件不压缩，一个css文件压缩，然后我将这两个文件去合并，你不用猜疑这个想法很奇怪，存在必有意义。如果你无法接受？那好，我再举个例子，因为在某些情况下，在src开发环境删除一个文件是不会删掉dist文件夹对应的文件的，gulp采用的是覆盖形式，我希望每次压缩打包之前先清空之前的dist生产环境文件夹，然后当清空完毕再执行打包，如何实现？
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | const gulp = require('gulp'); const clean = require('gulp-clean');//清空目录下资源 const runSequence = require('run-sequence'); //流程控制，控制任务执行顺序 //清空dist目录 gulp.task("clean", function () { console.log('清空dist目录下的资源') return gulp.src('dist', { read: false }) .pipe(clean({ force: true })); }) // 拷贝文件 gulp.task("copyHtml", function () { //pipe后面对应的地址就是将前面路径文件拷贝复制到哪里去 console.log('\n正在打包编译中，请稍后......................\n'); return gulp.src(["src/**", "!src/*.html", "!src/*.css", "!src/js/*", "!src/css/*"]).pipe(gulp.dest('dist')) }); gulp.task('default',function(){ //重点来了，通过runSequence咱们把要执行的任务列表包裹起来就OK，并且还自带回调函数，棒棒的 runSequence("clean", "copyHtml", "Watch",function(){ console.log('\n恭喜你，编译打包已完成，所有文件在dist文件夹！！！'); }) }); |
通过run-sequence插件我们很容易就完成我们想要结果，这个插件用法是不是超级简单呢
「三年博客，如果觉得我的文章对您有用，请帮助本站成长」
谢谢你请我吃鸡腿*^_^*
支付宝
微信
唯品秀博客: weipxiu.com，一个关注Web前端开发技术、关注用户体验、坚持更多原创实战教程的个人网站，愿景：成为宇宙中最具有代表性的前端博客，期待您的参与，主题源码 
文章很不错 。
评：能让你的vue项目打包速度提升60%+技巧感谢关注哦~
评：唯品秀博客Alt_Blog主题"用户发表文章格式教程 - 完全傻瓜式使用您的主题半个月啦。，感觉非常不错，今天又来吧教程看了一遍。
评：唯品秀博客Alt_Blog主题"用户发表文章格式教程 - 完全傻瓜式并不是箭头函数少了return错了，而是少了个( ，而你所说的使用箭头函数不写return时...
评：js中map方法到底是否会改变原始数组？最后的demo中箭头函数用错了， 你省略return的时候不能换行， 不然得到的是undef...
评：js中map方法到底是否会改变原始数组？你才是大佬哦
评：关于唯品秀前端技术博客Alt_Blog主题使用教程
共有 0 - 通过插件让gulp同步执行任务列表