鍍金池/ 問答/HTML/ webpack 公共js和css的單獨打包，幾個頁面共同引用的js和css 用i

webpack 公共js和css的單獨打包，幾個頁面共同引用的js和css 用import后被打包到一起了

1.Jquery和common，envPath三個Js文件,都是通過HtmlWebpackPlugin加載進(jìn)來的，如圖
clipboard.png

但打包以后Jquery，總是跟文件打包到一起去了。
打包到每個相應(yīng)的跟頁面名字一樣的JS里了

clipboard.png

但common和envPath是正常的。

clipboard.png

2.import 引入的common.scss也沒有單獨打包也出現(xiàn)了跟Jquery一樣的問題

clipboard.png

回答
編輯回答
雅痞

clipboard.png

2017年9月11日 17:31
編輯回答
情殺

webpack 最后輸出的 bundle 能不能成為獨立文件分這么倆種情況（css 同理）：

  1. 獨立的入口（多入口，包括異步組件的 js 也算是個獨立的入口）
  2. 使用插件（CommonsChunkPlugin）提取出來的 js（如常見的vendor、manifest）

否則就會被打包到一起，你肯定是哪個條件沒滿足，跟 HtmlWebpackPlugin 是沒多大關(guān)系的，你不如貼下入口配置和提取配置。
像 jquery 這種完全可以使用 <script> 標(biāo)簽獨立引入

2018年3月26日 20:34