mix.webpack('main.js')打包的的文件過大,如何把依賴文件和程序文件分開打包?求大神指點(diǎn)
請參考:Laravel Mix 文檔的 Vendor Extraction 介紹: http://d.laravel-china.org/do...
將應(yīng)用程序的 JavaScript 與依賴庫捆綁在一起的一個潛在缺點(diǎn)是,使得長期緩存更加困難。如,對應(yīng)用程序代碼的單獨(dú)更新將強(qiáng)制瀏覽器重新下載所有依賴庫,即使它們沒有更改。
如果你打算頻繁更新應(yīng)用程序的 JavaScript,應(yīng)該考慮將所有的依賴庫提取到單獨(dú)文件中。這樣,對應(yīng)用程序代碼的更改不會影響 vendor.js 文件的緩存。Mix 的 extract 方法可以輕松做到:
mix.js('resources/assets/js/app.js', 'public/js')
.extract(['vue'])
extract 方法接受你希望提取到 vendor.js 文件中的所有的依賴庫或模塊的數(shù)組。使用以上代碼片段作為示例,Mix 將生成以下文件:
public/js/manifest.js: Webpack 顯示運(yùn)行時
public/js/vendor.js: 依賴庫
public/js/app.js: 應(yīng)用代碼
為了避免 JavaScript 錯誤,請務(wù)必按正確的順序加載這些文件:
<script src="/js/manifest.js"></script>
<script src="/js/vendor.js"></script>
<script src="/js/app.js"></script>