前言:
当前姐妹们对“webpack jquery打包”大概比较讲究,同学们都想要分析一些“webpack jquery打包”的相关知识。那么小编在网摘上汇集了一些有关“webpack jquery打包””的相关内容,希望你们能喜欢,你们一起来学习一下吧!时候我们一个chunk引入了多个js文件,导致打包后的chunk提交太大;再或者多个chunks引入了同一个js文件(例如jquery),此时jquery会分别打包进两个chunk中,导致文件重复打包,体积臃肿;
此时我们就需要拆分chunk,或从chunks中提取出公共的文件,以便提升页面加载的速度。
webpack.prod.js添加如下配置:
optimization: { splitChunks: { chunks: 'all',//自动拆分chunks },}
hot.js的代码如下:
import $ from 'jquery';console.log($);function hotTest() { console.log('测试HMR1');}export default hotTest;
main2.js的代码如下:
import $ from 'jquery';console.log($);
如需完整的代码,请查阅git仓库地址:
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #webpack jquery打包