@babel/cli es una herramienta de integración de línea de comandos que viene con babel.Este artículo resume sus API comunes. En muchos casos, nuestros desarrolladores pueden usar esta función rápidamente mirando la introducción en el sitio web oficial, pero ¿por qué tenemos que memorizarlas?
Además de poder darse cuenta rápidamente de accidentes al usarlo, hay dos puntos más importantes
Uno: a través de la síntesis se puede profundizar en la memoria, lo que favorece la recepción de nuevos conocimientos
Dos: formar una red de conocimiento, el conocimiento individual está aislado y el conocimiento de la red es rastreable
Instalar
Use npm para instalar localmente, puede instalar globalmente o usar npx
npm install --save-dev @babel/core @babel/cli
gramática
babel test.js --参数
Clasificación funcional
Dividido por función en las siguientes categorías:
1. Clase de salida, incluido el nombre de la carpeta, el nombre del archivo, el formato de salida, si compilar, etc.
--out-file | Nombre del archivo de salida | npx babel script.js --out-file script-compiled.js |
--mirar | monitoreo de archivos | npx babel script.js --watch --out-file script-compiled.js |
--source-maps | Generar archivo .js.map | npx babel script.js --out-file script-compiled.js --source-maps |
--source-maps en línea | Insertar comentario source.map en el archivo generado | npx babel script.js --out-file script-compiled.js --source-maps en línea |
--out-dir | carpeta de salida | npx babel src --out-dir lib |
--copiar archivos | copiar archivos | npx babel src --out-dir lib --copiar archivos |
< | Importar archivos a través de stdin | npx babel --out-file secuencia de comandos compilada.js < secuencia de comandos.js |
--fuera-extensión-de-archivo | especificar el nombre de la extensión | babel src/ lib/ --out-file-extension .mjs |
2. Complementos y ajustes preestablecidos, especifique complementos o ajustes preestablecidos al compilar código
--complementos= | especificar complementos | npx babel script.js --out-file script-compiled.js --plugins=@babel/proposal-class-properties,@babel/transform-modules-amd |
--preajustes= | especificar ajustes preestablecidos | npx babel script.js --out-file script-compiled.js --presets=@babel/preset-env,@babel/flow |
--archivo de configuración | Especificar ruta de configuración | npx babel --config-file /path/to/my/babel.config.json --out-dir dist ./src |
3. Ignorar archivos
--ignorar | ignorar archivo | npx babel src --out-dir lib --ignore "src/**/*.spec.js","src/**/*.test.js" |
--no-copiar-ignorado | no copiar ignorar archivos | npx babel src --out-dir lib --copy-files --no-copy-ignored |
--no-babelrc | ignorar .babelrc | npx babel --no-babelrc script.js --out-file script-compiled.js --presets=es2015,react |
referencia: