How to troubleshoot a large vendor file? · vuejs-templates/webpack#1297 | Good First Issue

(16 评论) (7 反应) (0 负责人)JavaScript (4,466 fork)batch import

enhancementhelp wanted

仓库指标

Star: (9,721 star)
PR 合并指标: (30 天内没有已合并 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