分享

用Yeoman + gulp + webpack 来管理你的前端项目

 abin30 2021-03-23

 核心依然是plugin

!Webpack出口文件即Gulp入口文件

这里也只是讲如何写一个初略的gulpfile.js

核心便是task,src,start,watch等api,详细说明见官网Gulp Api
基本工作流程:
i. 通过gulp.src()方法获取到我们想要处理的文件流(Vinyl filesstream),
ii. 把文件流通过pipe方法导入到gulp的插件中进行处理,比如调用concat方法合并所有css,再调用minify()压缩css。(具体插件用法,npm官网均有介绍)
iii. 把处理后的流再通过pipe方法导入到gulp.dest()中,最后把流中的内容写入到文件中

项目结构

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多