有什么办法可以在vuejs中压缩app.js文件

Question

我正在使用带有laravel刀片文件的vuejs（也是laravel混合文件）。但是，当我在本地运行“ npm run watch”时，它构建了大约13 MB的app.js！ 当我在服务器上运行“ npm run pord”时，它的大小为6 mb！ 因此，每次我部署新任务时，用户都将面临速度缓慢的问题。 我没有角色权限（主面板和学校面板）。 主面板完全控制所有事物。但是学校小组几乎没有内容。 我们使用刀片文件来调用一个主组件，而主组件可能包含一个或多个SPA（Tab based)组件。这意味着当用户单击其他选项卡时，它会加载另一个组件，但是如果用户单击侧栏菜单页面（laravel刀片文件）重新加载并加载带有标签的另一页。

我不需要为学校面板加载所有组件，因为该面板的权限有限。 有什么办法可以加载特定于组件的js文件而不是一个js（app.js）文件吗？ 有没有办法将所有程序包压缩到另一个js文件中的单个文件和组件文件中？（因为每当我部署更改时，用户都必须再次下载整个js文件）

Answer 1

从更改构建开始，它会创建两个捆绑包：

app.d1f04bb8.js (your code)
vendor.b9f38bcd.js (libraries)

两者都被缓存，因此当您进行较小的更改时-用户将仅需要加载新的app.js。

您可以走得更远，制作更多的供应商捆绑包，更多的应用程序捆绑包，延迟加载捆绑包等。您需要的是非常具体的。

P.S。当然，请确保您的代码最小化。