webpack打包生成多個vendor的配置方法

用webpack打包專案的時候，一般喜歡把一些公用的庫打包的vendor.js裡面，比如像react，react-router，redux等。

隨著引入的庫越來越多，vendor檔案也變得越來越大，於是考慮打包成兩個vendor，把和react相關的庫打包成乙個vendor，其他的庫打包成另外乙個vendor。按照webpack的文件開始配置，需要注意有兩個比較坑的地方。

...entry:,

...plugins:[

newwebpack.optimize.commonschunkplugin()

],...

第乙個要注意的地方，在commonschunkplugin裡面，vender的順序要反著來，總之，要和載入順序相反。比如你想按vendor1，vendor2的順序載入，entry裡面寫的是vendor1，vendor2，在commonschunkplugin裡面要寫vendor2，vendor1。

第二個要注意的地方，output.filename一定不要寫死了，要配置成可替換的，類似filename: '[name].js'形式。

webpack打包生成多個vendor的配置方法

用webpack打包專案的時候，一般喜歡把一些公用的庫打包的vendor.js裡面，比如像react，react router，redux等。隨著引入的庫越來越多，vendor檔案也變得越來越大，於是考慮打包成兩個vendor，把和react相關的庫打包成乙個vendor，其他的庫打包成另外乙個ve...

webpack打包生成多個vendor的配置方法

用webpack打包專案的時候，一般喜歡把一些公用的庫打包的vendor.js裡面，比如像react，react router，redux等。隨著引入的庫越來越多，vendor檔案也變得越來越大，於是考慮打包成兩個vendor，把和react相關的庫打包成乙個vendor，其他的庫打包成另外乙個ve...

webpack打包快取 webpack打包效能分析

webpack提供的uglifyjs外掛程式由於採用單執行緒壓縮，速度很慢 webpack parallel uglify plugin外掛程式可以並行執行uglifyjs外掛程式，這可以有效減少構建時間，當然，該外掛程式應用於生產環境而非開發環境，配置如下 var paralleluglifypl...