实现方案
1.在配置webpack时,我们可以使用html-webpack-plugin来注入到和html一段脚本来实现将第三方或者共用资源进行静态化存储在html中注入一段标识,例如<% HtmlWebpackPlugin.options.loading.html %>,在html-webpack-plugin中即可通过配置html属性,将script注入进去
2.利用webpack-manifest-plugin并通过配置webpack-manifest-plugin,生成manifestjson文件,用来对比js资源的差异,做到是否替换,当然,也要写缓存script
3.在我们做CI以及CD的时候,也可以通过编辑文件流来实现静态化脚本的注入,来降低服务器的压力,提高性能
4.可以通过自定义plugin或者html-webpack-plugin等周期函数,动态注入前端静态化存储script
