Laravel Mix：提取供应商有什么好处？

Question

我缩小的捆绑包大小为246kb。我正在查看是否可以变小，并且阅读到使用mix.extract(['vue', 'jquery']);提取vue和jquery可以帮助实现这一点。我将其添加到webpack.mix.js`中，现在它创建了2个文件而不是1个文件。它创建了：1）app.js，它是161kb，2）vendor.js，是180kb。如果无论如何都必须同时将两者都包含在页面中，这样做有什么好处？

Answer 1

主要是缓存未更改的文件。例如：在开发应用程序时，您要更改文件，将自己的代码添加到项目中，然后重新编译一起。但是供应商是核心库，您再也不需要编辑它们的代码。。因此，无需再次编译它们并将所有源代码下载到app.js文件中。因此，当您提取未更改文件的供应商时，缓存的内容大小将增加，并且还减少了应用程序的下载时间，因为必须重新下载更改较少的文件。

Answer 2

它可以帮助您优化客户端需要下载的文件的文件大小。因此，即使您已更新网站，也可以加快页面加载速度。

检查documentation。

  

将所有特定于应用程序的JavaScript与供应商库捆绑在一起的潜在弊端是长期缓存变得更加困难。例如，对应用程序代码进行一次更新将迫使浏览器重新下载所有供应商库，即使它们没有更改。