Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/laravel/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Laravel 拉维混合:抽取供应商的好处是什么?_Laravel_Vue.js_Laravel Mix - Fatal编程技术网

Laravel 拉维混合:抽取供应商的好处是什么?

Laravel 拉维混合:抽取供应商的好处是什么?,laravel,vue.js,laravel-mix,Laravel,Vue.js,Laravel Mix,我的缩小包大小是246kb。我在看我是否可以变得更小,我读到了使用mix.extract(['vue','jquery'])提取vue和jquery的内容可以帮助完成此操作。我把它添加到webpack.mix.js`中,现在它创建了2个文件,而不是1个。它是:1)app.js,161kb;2)vendor.js,180kb。如果两者都需要包含在页面中,这有什么好处呢?这主要是为了缓存未更改的文件。例如:在开发应用程序时,您正在更改文件,将自己的代码添加到项目中,然后将它们重新编译。但是供应商是核

我的缩小包大小是246kb。我在看我是否可以变得更小,我读到了使用
mix.extract(['vue','jquery'])提取vue和jquery的内容可以帮助完成此操作。我把它添加到webpack.mix.js`中,现在它创建了2个文件,而不是1个。它是:1)app.js,161kb;2)vendor.js,180kb。如果两者都需要包含在页面中,这有什么好处呢?

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

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

检查一下

将所有特定于应用程序的JavaScript与供应商库捆绑在一起的一个潜在缺点是,这会增加长期缓存的难度。例如,对应用程序代码的一次更新将迫使浏览器重新下载所有供应商库,即使它们没有更改