Créer une secousse d'arbre
J'ai créé mon React avec create-react-app et maintenant j'utilise TypeScript avec create-react-app-TypeScript .
Tout fonctionne bien, mais le problème est - surtout parce que j'utilise le bon mais lourd material-ui - la taille du bundle construit est assez grande - atteignant presque 1 Mo.
Comment puis-je utiliser des outils d'agitation d'arbre (comme dans Webpack 2 ou rollup ? Je ne veux pas déjà eject donc il semble que je n'ai pas vraiment accès à la configuration de Webpack.
Je souhaite qu'il soit possible d'arborer un code minifié :)
Merci!
Si votre projet a été créé avec create-react-app, la dernière version a le correctif, il suffit de mettre à jour react-scripts à la version 2.0.4 ou supérieure.
npm install react-scripts@latest --save
Cette nouvelle version a un excellent tremblement d'arbre grâce aux dépendances mises à jour. J'ai testé avec material-ui et mdi-material-ui.
Nous avons réécrit nos importations pour material-ui dans notre create-react-app-TypeScript projet en les changeant de ce style:
import {FloatingActionButton} from "material-ui";
pour ça:
import FloatingActionButton from "material-ui/FloatingActionButton";
Edit: Cela donne un peu plus de contexte: https://github.com/mui-org/material-ui/issues/11916 # issuecomment-401214838