javascript - Comment installer et utiliser Babel correctement?

Question

Bonjour à tous, cela fait un moment que je n'ai pas posé de questions sur l'installation de Babel la dernière fois. J'ai rafraîchi mes connaissances sur npm et je me suis finalement senti moins confus après avoir regardé le tutoriel du professeur Ruan Yifeng, il y a encore des progrès depuis la dernière fois que j'ai posé une question. Le
/q/10...
J'ai d'abord créé un dossier Babel

1 Créez un fichier .babelrc
2 npm init et appuyez sur Entrée pour créer un fichier package.json
3 Installez npm install --save-dev babel-preset-es2015

 npm install --save-dev babel-preset-react
 写入.babelrc中
 

Installez npm install --save-dev babel-cli
Réécrivez le fichier package.json et ajoutez des scripts pour l'exécution de npm run

La structure des répertoires à cette époque, j'ai écrit une classe class Foo{} dans hello.js, tout s'est bien passé jusqu'à présent

Référez-vous au didacticiel du professeur Ruan Yifeng et obtenez une erreur lorsque npm run build n'est pas facile à utiliser, ce qui est un peu déroutant pour moi
Tout d'abord, j'ai essayé de supprimer le dossier lib et j'ai toujours eu une erreur. lisez le message d'erreur pour vous assurer que la dernière version a été installée sur node et npm, il s'agit de la dernière version téléchargée depuis le site officiel sans aucun problème, npm est également la 3.10.10. Il se peut qu'il y ait un problème avec la démo. package, pas npm lui-même. S'il vous plaît, dites-moi comment le résoudre. Merci beaucoup

Answer 1

Ce qui vous manque, c'est une connaissance de base de la ligne de commande, indépendamment de npm ou babel.

La raison pour laquelle votre build npm run échoue est que vous n'avez pas suivi le tutoriel pour créer correctement le dossier ! ! !

Le message d'erreur est évident, "src n'existe pas", le répertoire src n'existe pas, mon cher ! Il est également déroutant de signaler une erreur si vous ne la comprenez pas !

C'est à ce moment-là que d'autres vous disent que quelque chose ne va pas, mais vous le voyez, mais ne le prenez pas en compte, et continuez à vous demander pourquoi j'ai tort, pourquoi j'ai tort, mais d'autres vous l'ont clairement dit, Babel est très trompé, npm est également très trompé, Babel a dit que ni le personnel ni la direction ne peuvent trouver le répertoire src et j'ai généré des erreurs spécifiques. . . . . . .

Bon, revenons à la « ligne de commande ».

La commande correspond généralement à un fichier exécutable ou fichier script, généralement une chaîne Lorsque vous tapez cette commande dans le shell ou cmd, cela équivaut à double-cliquer sur le fichier exécutable. Ce qui suit la commande est appelé « paramètre ». Comment le système sait-il s’il existe une certaine commande ? Pour comprendre simplement, il existe deux endroits où le système remonte la recherche, le répertoire global et le répertoire relatif. Par exemple, dans cmd, il y a "Chemin>" devant le curseur. Il s'agit de votre chemin actuel. Lorsque vous entrez la commande npm, le système recherchera d'abord le fichier exécutable npm dans le répertoire actuel, puis recherchera npm dans le chemin global. Lorsque vous installez le nœud, npm est installé globalement, donc npm est trouvé et exécuté en douceur.

D'accord, expliquons la commande npm run en détail. npm run recherchera package.json dans le répertoire actuel et trouvera la commande configurée dans le champ de script. Vous le savez déjà. Il y a quelque chose que vous ne savez pas. npm run ajoutera temporairement le répertoire node_modules/.bin dans le répertoire actuel à la liste des chemins de recherche du système actuel. En d'autres termes, npm run build, la commande pour construire notre configuration est "babel src". - d lib", il sera demandé au système d'exécuter cette commande que nous avons configurée. Le caractère babel est une commande, et le système ne le reconnaît pas, il doit donc rechercher s'il existe un fichier exécutable correspondant. Il n'y a pas de fichier exécutable correspondant dans le répertoire courant, donc le répertoire node_modules/.bin sera recherché. S'il n'existe pas de fichier de ce type, le système recherchera dans le répertoire global. N'oubliez pas que la logique de recherche pour node_modules/.bin n'est disponible que lorsqu'elle est exécutée dans npm run.

npm install --save-dev babel-cli installera babel-cli dans node_modules dans le répertoire du projet, afin que npm run build puisse être exécuté normalement. npm run build est équivalent à : project_dir> node_modules/.bin/babel src -d lib

Parlons de la commande babel, src -d lib. Vous pouvez le deviner sans lire la documentation de babel. src est le répertoire source, qui indique à babel de traiter le js dans le répertoire src -d. Le paramètre du répertoire cible. lib est la valeur du paramètre du répertoire cible, qui indique à Babel d'échapper le js du répertoire src vers le répertoire lib.

Il s'agit de la capacité de base pour utiliser la ligne de commande. . .

Answer 2

Si Babel n'est pas installé globalement, il ne peut pas être utilisé directement dans la console
Il peut être appelé via le script npm