vue.js - Laravel Elixir はどのようにファイルを個別にパッケージ化しますか?

Question

mix.webpack('main.js') でパッケージ化されたファイルが大きすぎます 依存関係ファイルとプログラム ファイルを別々にパッケージ化するにはどうすればよいですか?神様に導きを乞う

Answer 1

参照してください: Laravel Mix のベンダー抽出の紹介ドキュメント: http://d.laravel-china.org/do...

アプリケーションの JavaScript を依存ライブラリにバンドルする場合の潜在的な欠点の 1 つは、長期的なキャッシュがより困難になることです。たとえば、アプリケーション コードを個別に更新すると、依存ライブラリが変更されていない場合でも、ブラウザはすべての依存ライブラリを強制的に再ダウンロードします。

アプリケーションの JavaScript を頻繁に更新する予定がある場合は、すべての依存ライブラリを個別のファイルに抽出することを検討する必要があります。こうすることで、アプリケーション コードを変更しても、vendor.js ファイルのキャッシュには影響しません。 Mix の抽出方法を使用すると簡単になります:

リーリー

extract メソッドは、vendor.js ファイルに抽出するすべての依存ライブラリまたはモジュールの配列を受け入れます。上記のコード スニペットを例として使用すると、Mix は次のファイルを生成します:

• public/js/manifest.js: Webpack 表示ランタイム

• public/js/vendor.js: 依存ライブラリ

• public/js/app.js: アプリケーションコード

JavaScript エラーを避けるために、これらのファイルを正しい順序でロードしてください:

リーリー