- 博客(2)
- 收藏
- 关注
RSS订阅
原创 CommonsChunkPlugin代码拆分挖坑之路
目的vue单文件打包，vendor体积过大，影响页面性能。将vue相关的（vue、vuex、vue-router），element-ui、echarts（echarts、zrender），以单独js文件抽离出来，从而减少vendor体积。同时，抽离不太可能更改的模块，对于项目的版本迭代也有一定的好处（避免不必要的文件hash变化，导致重新请求数据）。开始挖坑vue脚手架默认commonsChunkPlugin配置：// ./build/webpack.prod.conf.jsconst webpa
2020-06-17 16:22:11
1456
2
原创 监控前端代码版本迭代实现页面自动刷新
监控前端代码版本迭代实现页面自动刷新背景：当前端版本迭代较为频繁的时候，使用webpack对项目进行打包，虽然我们对js和css文件使用了chunkhash进行了文件缓存控制，但是项目的index.html文件在版本频繁迭代更新时，会存在被浏览器缓存的情况。在发版后，用户不强制刷新页面，浏览器会使用缓存的index.html文件，从而导致向服务器端请求了上个版本chunkhash的js和css文件，最终页面404（上个版本chunkhash的js和css在版本更新时已替换删除了）。output: {
2020-06-16 11:15:01
2958
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人