vue.js - Comment Laravel Elixir emballe-t-il les fichiers séparément?

Question

Les fichiers empaquetés par mix.webpack('main.js') sont trop volumineux. Comment empaqueter les fichiers de dépendance et les fichiers programme séparément ? Demander à Dieu de nous guider

Answer 1

Veuillez vous référer à : Introduction de Vendor Extraction de la documentation Laravel Mix : http://d.laravel-china.org/do...

L'un des inconvénients potentiels du regroupement du JavaScript de votre application avec des bibliothèques dépendantes est que cela rend la mise en cache à long terme plus difficile. Par exemple, une mise à jour distincte du code de l'application obligera le navigateur à retélécharger toutes les bibliothèques dépendantes, même si elles n'ont pas changé.

Si vous prévoyez de mettre fréquemment à jour le JavaScript de votre application, vous devriez envisager d'extraire toutes les bibliothèques dépendantes dans des fichiers séparés. De cette façon, les modifications apportées au code de l'application n'affectent pas le cache du fichier supplier.js. La méthode d’extraction de Mix facilite les choses :

mix.js('resources/assets/js/app.js', 'public/js')
   .extract(['vue'])

La méthode

extract accepte un tableau de toutes les bibliothèques ou modules dépendants que vous souhaitez extraire dans le fichier supplier.js. En utilisant l'extrait de code ci-dessus comme exemple, Mix générera les fichiers suivants :

• public/js/manifest.js : runtime d'affichage du Webpack

• public/js/vendor.js : bibliothèques dépendantes

• public/js/app.js : code d'application

Pour éviter les erreurs JavaScript, veillez à charger ces fichiers dans le bon ordre :

<script src="/js/manifest.js"></script>
<script src="/js/vendor.js"></script>
<script src="/js/app.js"></script>