2016-03-15 1 views
3

La taille originale du fichier jsx est 189k après suppression de tous les espaces. La taille du fichier compilé/réduit est de 217k sans aucune dépendance. J'ai utilisé toutes les optimisations de webpack/babel pour réduire la taille du code, sauf pour le treehaking. Je prévois de raccourcir le nom de variable/fonction membre pour réduire la taille du fichier, car js-minify ne peut gérer que les noms de variables locaux, par ex. remplacez createElement de react par un nom plus court. Je viens d'essayer manuellement, la taille du fichier est réduite de 9k après la suppression de createElement. Je ne sais pas si un outil peut m'aider à le faire.compilé/réduit fichier jsx est plus grand que le fichier original

+0

Nous naviguons dans le même bateau. J'ai besoin de quelque chose de similaire. createElement, createClass .. il devrait y avoir un moyen de mettre ces références fn dans une variable et de réduire la taille du fichier. – Ravi

Répondre

2

Il existe un certain nombre de paramètres que vous pouvez utiliser dans Webpack pour réduire la taille de votre sortie. On dirait que vous avez probablement cela sous contrôle. Cependant, la taille du paquet sera influencée par la façon dont vous écrivez votre code ES6 et JSX. J'ai compilé une liste de tips and tricks for writing more minifiable ES6 code allant de la sélection minutieuse des fonctionnalités ES6 aux structures JSX optimales. J'espère que cela aide