步骤
1.独立打包
为了解决上述问题，我们需要修改我们的webpack配置文件。
我们将原本的单入口文件改成了多入口文件，并加入了vendor属性。vendor属性用于配置打包第三方类库，写入数组的类库名将统一打包到一个文件里。
同时我们将输出的filename用[name]变量来自动生成文件名，最后我们添加了一个commonschunkplugin的插件，用于提取vendor。
2.添加hash
为了解决上述问题，我们需要为打包后的文件名添加hash值，这样每次修改后打包的文件hash值将改变，修改配置文件
3.修改vendor配置
上述问题产生的原因是因为commonschunkplugin插件是用于提取公共代码的，上方我们只是提取了vendor作为公共代码。为了继续解决上述问题，其实方法很简单，我们需要修改commonschunkplugin的配置
4.生成index.html
通过以上对webpack配置文件的一系列修改，我们成功实现了webpack的独立打包与缓存处理，但是还差最后一步。
因为我们最终打包后生成的文件名中带有hash值，每次都是会变的，所以我们不能像目前这样在index.html中写死路径。
引入了html-webpack-plugin这一个插件，该插件可以帮助我们根据模板生成html文件。在plugins设置中，title配置了生成html中的title部分，template为模板html的路径地址。
好了，以上就是今天长沙达内培训机构老师给大家讲述的内容，详情请登陆：（http://cs.web.tedu.cn）
编辑短信：姓名+电话+想要学习课程 发送至：18487146383,发送短信即可获得1000元免费7天试听机会哦！
联系人：李老师
电话（微信）：18487146383
网站：http://cs.web.tedu.cn
昆明达内职业培训学校
18087159764