webpack+gulp构建前端流程

http://blog.csdn.net/hongchh/article/details/55113751
1、相关模块:

//增加一些动画效果,显示更人性化
//http://www.tuicool.com/articles/vIB32m6
var ora = require('ora');
var spinner = ora('lets starting');
spinner.start();
//一些操作
spinner.stop();

//chalk 以不同的颜色来显示不同的信息
var chalk = require('chalk');
chalk.cyan('some text');
chalk.yellow('ome other text');

//webpack-merge随着webpack配置越来越臃肿,一般会将不同的配置信拆成一个一个的单文件,最后用merge插件合并成最终的配置文件

//html-webpack-plugin 生成html文件,并将相关的编译后的资源注入进去
//http://www.cnblogs.com/haogj/p/5160821.html

2、一些loader

require('style-loader!css-loader!./style.css');
//上面这句话用了2个loader,作用分别是:
//css-loader是为了webpack能够处理css文件,但是只用css-loader的话,引入的css样式并未生效,
//还需要style-loader处理一下生成后的样式,使其在head标签内新增一个style标签,将引入的样式加入页面中生效
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容