Je commence à développer une application en utilisant Laravel, Vuejs et lame pour le moteur de gabarit.
Premièrement, je suis nouveau dans le monde de Vuejs, et c'est peut-être une tâche simple, mais je n'ai pas trouvé de réponse dans les discussions.
L'idée de base est d'utiliser la page .blade, et, quand j'ai besoin de composants de vuejs, ajoutez-les dans la page en passant les données du serveur avec le tableau des accessoires. Tout fonctionne bien, mais après avoir joué pendant un moment, j'ai remarqué un problème de furure.
Dans la documentation de laravel, nous enregistrons le composant, ou tout autre paramétrage de Vue dans app.js: puis, en utilisant laravel mix, nous limitons dans un seul fichier tout le code (ex: imports, require, js pages ...), et enfin nous chargeons "app. [hash] .js" dans notre page avec un tag de script. J'ai remarqué que même en utilisant seulement quelques composants de vue, app.js se développe très rapidement (bien sûr, nous importons tous les composants dans un seul fichier), même en important de façon dinamique des composants et en ne les définissant pas globalement. Ma question est la suivante: est-ce normal de placer tout le code js dans un seul fichier (avec un fichier volumineux), ou est-il possible d'importer le composant vue seulement quand ils sont ajoutés dans les fichiers .blade, peut-être avec réglage de webpack (laravel mix)?Importer le composant Vue uniquement lorsqu'il est ajouté aux pages de lames
Merci d'avance pour tout support.
a trouvé la solution de post après la question:
Marcin et la réponse de GoogleMac peut être à la fois à droite, mais je trouve un sujet intéressant à ce sujet, et je « d veulent partager pour tous ceux qui pourraient avoir mon problème . Je suggère de vérifier ce lien https://alexjoverm.github.io/2017/07/16/Lazy-load-in-Vue-using-Webpack-s-code-splitting/, où ils parlent de la division du code. Je pense que cela pourrait être la meilleure approche, surtout parce que même dans la documentation de vue parle de (détail ici https://vuejs.org/v2/guide/components.html#Async-Components). Mon mauvais pour ne pas avoir vérifié les documentations détaillées.