我的缩小束大小是246kb。我看到我是否可以变小，我读到使用mix.extract(['vue', 'jquery']);提取vue和jquery可以帮助做到这一点。我将此添加到webpack.mix.js`，现在它创建了2个文件而不是1.它创建：1）app.js是161kb和2）vendor.js是180kb。如果两者都需要包含在页面中，有什么好处呢？
这主要是邻接缓存未更改的文件。例如：在开发应用程序时，您正在更改文件，将自己的代码添加到项目中，然后将它们全部重新编译。但供应商是核心库，您永远不会再编辑它们的代码。所以不需要再次编译它们并下载app.js文件中的所有源代码。因此，当您提取其未更改文件的供应商时，您的缓存内容大小将增加，并且还会减少应用程序的下载时间，因为必须再次下载较少更改的文件。
它可以帮助您优化客户端下载所需文件的文件大小。因此，即使您更新了网站，也可以加快页面加载速度。
将所有特定于应用程序的JavaScript与供应商库捆绑在一起的一个潜在缺点是，它使长期缓存变得更加困难。例如，对应用程序代码进行单次更新将强制浏览器重新下载所有供应商库，即使它们没有更改。