How to troubleshoot a large vendor file? · vuejs-templates/webpack

(16 則留言) (7 個反應) (0 位負責人)JavaScript (4,466 個分叉)batch import

enhancementhelp wanted

倉庫指標

星標: (9,721 顆星)
PR 合併指標: (PR 指標待抓取)

描述

My production build is a bit heavy:

              Chunk Names
                 static/fonts/element-icons.6f0a763.ttf      11 kB          [emitted]
               static/js/vendor.dd83b1b8e4fd1abaaa41.js    3.19 MB       0  [emitted]  [big]  vendor

What's the best way to tell which 3rd party packages are contributing to this heft?

貢獻者指南

研究方向: 使用像 webpack bundle analyzer 這樣的打包分析器（例如，添加 'NODE ENV=production webpack profile json > stats.json'，然後運行 webpack bundle analyzer stats.json）。同時，查閱 webpack 關於程式碼拆分的文件以及官方 Vue webpack 模板的最佳實務。
技術棧: javascriptvue
領域: frontendbuild system
議題類型: 調研
難度: 1
預計時間: 1 小時以內
活動狀態: 活躍
清晰度: 清晰
前置要求: webpackVue
新手友善度: 75