码上欢乐
首页
榜单
标签
关于
搜索
相关内容
简体
繁体
Webpack之魔法注释/* webpackChunkName:"lodash" */的做用
本文转载自
查看原文
2019-12-19 14:39
10110
Webpack
之前在vue的路由配置文件中看到了/* webpackChunkName:"lodash" */这个注释,
在学习了webpack之后了解其做用,作用就是webpack在打包的时候,对异步引入的库代码(lodash)进行代码分割时(需要配置webpack的SplitChunkPlugin插件),为分割后的代码块取得名字
import异步加载的写法实现页面模块lazy loading懒加载(Vue中的路由异步加载):
Vue中运用import的懒加载语句以及webpack的魔法注释,在项目进行webpack打包的时候,对不同模块进行代码分割,在首屏加载时,用到哪个模块再加载哪个模块,实现懒加载进行页面的优化。
如下例子:在点击页面时再加载lodash
×
免责声明!
本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。
猜您在找
webpack中import动态设置webpackChunkName方法
webpack中import动态设置webpackChunkName方法
webpack最小化lodash
webpack 中,webpackPrefetch、webpackPreload 和 webpackChunkName 的区别是什么?
Java魔法堂:注释和注释模板
lodash
lodash
Lodash
Webpack实现按需打包Lodash的几种方法详解
webpack中 less 注释报错
粤ICP备18138465号
© 2018-2025 CODEPRJ.COM