用Yeoman + gulp + webpack 来管理你的前端项目
核心依然是plugin
!Webpack出口文件即Gulp入口文件
这里也只是讲如何写一个初略的gulpfile.js
核心便是task,src,start,watch等api,详细说明见官网Gulp Api
基本工作流程:
i. 通过gulp.src()方法获取到我们想要处理的文件流(Vinyl files 的 stream),
ii. 把文件流通过pipe方法导入到gulp的插件中进行处理,比如调用concat方法合并所有css,再调用minify()压缩css。(具体插件用法,npm官网均有介绍)
iii. 把处理后的流再通过pipe方法导入到gulp.dest()中,最后把流中的内容写入到文件中
项目结构
赞 (0)