公司的项目，最早是用 ES6 写的，直接手写 webpack1 进行打包的。由于是 jsp 的页面，还做了单独的页面压缩，资源 hash 处理。后续也跟上了一些升级脚步，把webpack 逐步升级到 2，之后又是 3。现在看来也算是先见之明。
在后续业务中，逐步使用了 vue，使用 vue 主要是考虑到能够通过 cdn 等形式直接引入项目，省去了 webpack 的配置工作。现在同一个项目，后续我决定采用 react 进行开发，对原有项目进行了 3 次重构，终于把老代码独立到一个文件夹了，未来 react 的新代码可以在单独的文件夹下开发。最终发包时候合并在一起。
对于 react 我还是比较积极的，版本上从 16.5 直接更新到了 16.6。为了后续方便，也就筹划着把 webpack 升级到 4。
在一个老项目中新增加了功能，使用 webpack 编译后，发现其 z-index 被改变了，原本有的组件设置类似为 999 的都被优化为 1～9 了。看来得在插件上找问题。
老项目仅仅是用 webpack 进行打包，同时使用了 less 进行开发。首先可以判断不是 less 转码的问题，否则 less 就太乱来了。
剩下就是在js 中完成 css 的抽取，以及 css 的压缩优化。
最近在做组件项目，写 ES6 代码，通过 webpack3 进行打包，中途用 uglifyjs-webpack-plugin 插件进行压缩。
考虑到各个项目都能用得上，所以最终打包格式选择了 umd。
这次，我们来看看 webpack 中一些常见的插件如何来使用。
接上篇。
2016年底，webpack2终于出来正式版了。改变的很少，基本上稍作修改就能兼容webpack1。改善了一些我认为太过于松散的配置，最终生成的代码质量更高。
webpack1系列的文章还没写完，其实也是有点乏了，后面还有一篇webpack-dev-server文章，初稿写好了，一直没审校，那就直接并入webpack2的入门文章吧~
这次，研究一些稍微复杂一点的。
花了很多时间，于研究webpack，结果发现很多项目开始转到webpack2或者rollup了，这叫一个尴尬。
不过学习下webpack1也没什么坏处，至少可以比较平稳的升级webpack2。
webpack配置参数太多了...真心太多了，还有多种配置方法，太灵活，这也导致它非常难，网上有的资料都不匹配，没办法四处借鉴来用。故此，还是自己摸索着来吧。