碼上歡樂
首頁
榜單
標簽
關於
搜索
相關內容
簡體
繁體
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最小化lodash
webpack 中,webpackPrefetch、webpackPreload 和 webpackChunkName 的區別是什么?
lodash
Lodash
qt 添加中文注釋要咋么做
js webpack打包時保留指定注釋
lodash pick
lodash的運用
npm lodash
粵ICP備18138465號
© 2018-2025 CODEPRJ.COM