关于webpack的性能优化学习的总结

webpack的优化主要包括以下几个方面

• 打包构建花费的时间太长了
  1. 用 include 或 exclude来帮我们避免不必要的转译,可以避免bable-loader把node-modules也转义了。
  2. 使用dllplugin处理第三方库
  3. 使用Happypack将loader的单线程转化为多线程
• 打包体积结果太大
  1. 有一款插件可以提供可视化比较包的大小--- webpack-bundle-analyzer
  2. Tree-shaking 把import但没有使用的包删掉，一般我们使用UglifyJsPlugin
• 可以考虑按需加载 require.ensure
• 可以考虑下cdn, 利用 htmlWebpackPlugin 配置，比如说cdn节点里有react的话，我们可以不把这个打包进去
• Webpack的缓存优化问题?
  配一下Hash值，没有修改的 xx[hash].js 就不会再重新打包一遍了