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标签，将引入的样式加入页面中生效