javascript - Comment diviser plus raisonnablement la granularité d'emballage CSS et JS

Question

Mes pensées :

1. 要引入的核心依赖和库全部打包成一个
2. 每个组件独有的部分打包成一个
3. 共享的打包成一个

Mais cela semble trop précis et il y a encore beaucoup de demandes. J'aimerais demander à chacun comment ils le font habituellement.

Answer 1

Il n'y a pas de règles absolues, il en va de même pour les fichiers de style et les fichiers JS. Considérez les points suivants
1. L'empaquetage est du point de vue des modules du projet. Le code d'un module est empaqueté ensemble et les parties publiques sont empaquetées ensemble
2 La taille du fichier empaqueté doit être prise en compte s'il est trop volumineux. , cela n'est pas propice au dépôt de demandes. Il doit être soigneusement examiné et emballé séparément. S'il existe de nombreuses dépendances de référence, 2-3M regroupés sont évidemment trop volumineux. nombre de fichiers empaquetés. Trop de fichiers ralentiront également la vitesse de chargement, mais ce n'est généralement pas un gros problème, il n'y aura pas trop de paquets après l'empaquetage
4. impact si le packaging est trop détaillé, il suffit de bien gérer chaque fichier

Mon approche consiste à regrouper chaque module dans un seul package pour les grands projets, à séparer les parties communes et à charger les fichiers entre trente-quatre et quarante-cinquante ; pour les petits projets, il suffit de les regrouper et d'essayer de contrôler le contenu compressé. taille du fichier entre 500 ou 600 K