Puis-je désactiver le mécanisme de chunking Create-React-APP?

Question

Je confie mon React Appui à l'aide de Create-React-App.

Je me demandais s'il y avait un moyen d'éteindre le mécanisme de chunking intégré dans les scripts de réaction. La chose est que j'ai besoin de corriger le nom du paquet créé sur la construction.

Answer 1

Cela peut être fait en étendant votre CRA avec react-app-rewired Package qui vous permet de modifier WebPack Config.

Changements nécessaires pour supprimer le hachage dans les noms de fichier de construction.

1. Installer React-App-Rewired

npm install react-app-rewired --save-dev

2. créer config-overrides.js Fichier dans votre dossier racine (où package.json est)

3. placez le code suivant sur le config-overrides.js fichier. Il conserve tous les paramètres de l'ARC, ne retirez que la partie de hachage des noms de fichiers.

 module.exports = remplacement de la fonction (config, env) {
 config.output = {
 ... config.output, // Copier tous les paramètres [.____] : "statique/js/[nom] .js", [.____] chunkfileName: "statique/js/[nom] .chunk.js", 
}; 
 Retour Config; [ .____]}; 

4. utilisez la nouvelle config. Dans le package.json Fichier dans scripts section Remplacer "build": "react-scripts build", avec "build": "react-app-rewired build",

Sauf si vous allez changer plus de configuration, il suffit d'utiliser react-app-rewired dans build. Sinon remplacer react-scripts avec react-app-rewired dans les autres scripts sauf eject