Une brève discussion sur l'optimisation du packaging de vue-cli2.0

Question

Lors de la modification d'assetsPublicPath dans la construction dans config/index.js,

a trouvé productionSourceMap et productionGzip en dessous.

Pour le dire maladroitement, je n’avais vraiment pas remarqué ces deux attributs auparavant. Maintenant que je les ai découverts, explorons-les.

Avec les idées de programmation pour Google et Baidu, je suis allé consulter la documentation, puis je l'ai brièvement résumée pour me faciliter la tâche.

productionSourceMap

Que ce soit pour activer la génération automatique de fichiers .map lors de l'emballage, il est recommandé de le changer en false, afin que la taille de l'emballage puisse être considérablement réduite.

En même temps, un autre point important est que lorsque c'est vrai, votre code source est exposé

Ouvrez simplement la console du navigateur et vous pouvez voir votre code source directement dans Sources.性 Il est donc généralement recommandé de définir cet attribut sur false

productionGzip

s'il faut ouvrir la compression lorsque l'emballage est allumé. Cela dépend de ma situation. J'ai toujours été vrai depuis que j'ai découvert cet attribut.

Lors de l'utilisation de cet attribut, vous devez installer la dépendance compression-webpack-plugin

Après la version 2.0.0, ce module nécessite au moins Node v6.9.0 et Webpack v4.0.0 ah

Donc s'il s'agit de webpack3.x version, avec Installer en fonction du numéro de version

Après avoir corrigé les deux propriétés, exécutez à nouveau npm run build et constatez que la taille du paquet a été réduite d'environ 50%, ce qui est vraiment surprenant