https://www.jianshu.com/p/08859e5651fccss
插件的基本做用就是生成html文件。html
html-webpack-plugin
的一個實例生成一個html文件,若是單頁應用中須要多個頁面入口,或者多頁應用時配置多個html時,那麼就須要實例化該插件屢次;webpack
該插件會提取entry chunk中全部的require('*.css')
,分離出獨立的css文件。web
用於在building以前刪除你之前build過的文件,清楚dist中重複的文件異步
new webpack.optimize.CommonsChunkPlugin(options)
提取代碼中的公共模塊,而後將公共模塊打包到一個獨立的文件中,以便在其餘的入口和模塊中使用。別忘了在html中單獨引入抽離出來的公共模塊。ui
常見的使用場景:插件
模塊熱替換,若是不在dev-server模式下,須要記錄數據,recordPath,生成每一個模塊的熱更新模塊。code
壓縮jsserver