webpack优化策略篇

webpack优化策略

量化工具：

    speed-measure-webpack-plugin 测量各个插件和loader所花费的时间。
    webpack-boundle-analyzer 分析打包后的文件大小

共性优化策略：

    1.减小文件搜索范围
         resolve.modules ：配置模块库（即 node_modules）所在的位置
         loader配置include\exclude
         module.noParse 不需要解析某些模块的依赖（这些模块并没有依
       赖，或者并根本就没有模块化）jquery \ lodash \ moment
    2.happyPack 加速代码构建 或者 thread-loader
      利用cpu多核，采用多个子进程去解析和遍历js\css.完成后再发到主进程
    3.优化babel-loader 
        cacheDirectory 为true
        引入cache-loader 在性能开销较大的loader之前添加，存在磁盘中
    4.不需要打包编译的插件库换成全局