剛開始用webpack，談一談解決webpack打包慢的問題的方法

技巧1

webpack在打包的時候第一次總是會做很長的準備工作，包括加載插件之類的。在剛接觸webpack的時候總是webpack一下-測一下-改一下-再webpack一下，這種方式最后讓很多人崩潰了覺得webpack一點都不好用。其實這是錯誤的使用方式。

正確的方式應直接執行webpack --watch 這樣webpack會自動編譯，第一回的時候確實很慢，但之后的自動編譯就要快了好多，打包時間相差幾倍。

技巧2

webpack配合的React，jQuery一些共有的庫去使用，雖然沒寫幾行代碼卻發現我靠打個文件居然好幾M了。能不能不讓這些共有庫打入我們的文件呢？

externals:     {      'antd':true,      'react': 'React',      'react-dom': 'ReactDOM'    }

在webpack配置文件的根上加上這些內容。告訴webpack在require(“react”)的時候不要去加載模塊，直接去讀（這里還不是很明白，有的說“：”后面是window.React，寫了后面可以直接使用無需require，待確定后再補充，一般寫true就可以了），當然這種方式要在html入口手動引入js文件：

<script src="node_modules/react/dist/react-with-addons.js"></script><script src="node_modules/react-dom/dist/react-dom.min.js"></script><script src="node_modules/antd/dist/antd.min.js"></script>

在項目中正常使用require(“react”)試試，不會被打進去了，文件變為了幾k，突然感覺webpack這東西還是能用的。

技巧3

大部分情況下通過技巧2已經可以搞定大部分問題了，但是在用MaterialUI的時候，點擊事件總是報一個錯誤，大概意思是重復的引入了react什么的。如果出現這個問題，那么請使用技巧3。將那些共有的模塊打進另外一個文件中，然后使用CommonsChunkPlugin插件，在webpack 亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb