webpack 公共js和css的单独打包，几个页面共同引用的js和css 用import后被打包到一起了

Question

1.Jquery和common，envPath三个Js文件,都是通过HtmlWebpackPlugin加载进来的，如图

但打包以后Jquery，总是跟文件打包到一起去了。
打包到每个相应的跟页面名字一样的JS里了

但common和envPath是正常的。

2.import 引入的common.scss也没有单独打包也出现了跟Jquery一样的问题

Answer 1

webpack 最后输出的 bundle 能不能成为独立文件分这么俩种情况（css 同理）：

1. 独立的入口（多入口，包括异步组件的 js 也算是个独立的入口）
2. 使用插件（CommonsChunkPlugin）提取出来的 js（如常见的vendor、manifest）

否则就会被打包到一起，你肯定是哪个条件没满足，跟 HtmlWebpackPlugin 是没多大关系的，你不如贴下入口配置和提取配置。
像 jquery 这种完全可以使用 <script> 标签独立引入

Answer 2