webpack使用

webpack 可以把指定入口的一系列相互依赖的模块打包成一个文件

loader

strip-pragma-loader: 固定格式，临时使用
例子：
```js
/* 使用 */
//>>includeStart('debug', pragmas.debug);
console.log('Debugging...');
//>>includeEnd('debug');

/* 配置 */
module: {
    rules: [{
        test: /\.js$/,
        enforce: pre,
        use: [{
            loader: 'strip-pragma-loader',
            options: {
                pragmas: {
                    debug: true
                }
            }
        }]
    }]
}
```

插件

css处理：
loader处理：
'css-loader':
解释(interpret) @import 和 url() ，会 import/require() 后再解析(resolve)它们。
style-loader:
集合成'style.css'文件，然后在 html文件的head标签中引用
最小化：

命名

语法转换：
    less语法转换成浏览器可以识别的css语法

其他

webpack.DefinePlugin 使用介绍
插件用来定义全局变量，在webpack打包的时候会对这些变量做替换.
JSON.stringify()

webpack.optimize.CommonsChunkPlugin 使用介绍

参考

[官方：webpack:css-loader]webpackjs.com/loaders/css-loader/
Webpack学习笔记之style-loader&css-loader