Webpack之魔法注釋/* webpackChunkName:"lodash" */的做用


之前在vue的路由配置文件中看到了/* webpackChunkName:"lodash" */這個注釋,

在學習了webpack之后了解其做用,作用就是webpack在打包的時候,對異步引入的庫代碼(lodash)進行代碼分割時(需要配置webpack的SplitChunkPlugin插件),為分割后的代碼塊取得名字

import異步加載的寫法實現頁面模塊lazy loading懶加載(Vue中的路由異步加載):

Vue中運用import的懶加載語句以及webpack的魔法注釋,在項目進行webpack打包的時候,對不同模塊進行代碼分割,在首屏加載時,用到哪個模塊再加載哪個模塊,實現懶加載進行頁面的優化。

如下例子:在點擊頁面時再加載lodash


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM