@babel/cli é uma ferramenta de integração de linha de comando que acompanha o babel. Este artigo resume suas APIs comuns. Em muitos casos, nossos desenvolvedores podem usar rapidamente essa função olhando a introdução no site oficial, mas por que temos que memorizá-los.
Além de poder perceber acidentes rapidamente ao utilizá-lo, há mais dois pontos importantes
Um: Através do resumo, a memória pode ser aprofundada, o que é propício para a recepção de novos conhecimentos
Dois: Forme uma rede de conhecimento, o conhecimento individual é isolado e o conhecimento da rede é rastreável
Instalar
Use npm para instalar localmente, você pode instalar globalmente ou usar npx
npm install --save-dev @babel/core @babel/cligramática
babel test.js --参数Classificação Funcional
Dividido por função nas seguintes categorias:
1. Classe de saída, incluindo nome da pasta, nome do arquivo, formato de saída, se deve compilar, etc.
| --out-file | nome do arquivo de saída | npx babel script.js --out-file script-compiled.js |
| --assistir | monitoramento de arquivos | npx babel script.js --watch --out-file script-compiled.js |
| --source-maps | Gerar arquivo .js.map | npx babel script.js --out-file script-compiled.js --source-maps |
| --source-maps embutidos | Inserir comentário source.map no arquivo gerado | npx babel script.js --out-file script-compiled.js --source-maps inline |
| --out-dir | pasta de saída | npx babel src --out-dir lib |
| --copy-files | copiar arquivos | npx babel src --out-dir lib --copy-files |
| < | Importar arquivos via stdin | npx babel --out-file script-compiled.js < script.js |
| --out-file-extension | especifique o nome da extensão | babel src/ lib/ --out-file-extension .mjs |
2. Plug-ins e predefinições, especifique plug-ins ou predefinições ao compilar o código
| --plugins= | especificar plug-ins | npx babel script.js --out-file script-compiled.js --plugins=@babel/proposal-class-properties,@babel/transform-modules-amd |
| --presets= | especificar predefinições | npx babel script.js --out-file script-compiled.js --presets=@babel/preset-env,@babel/flow |
| --config-file | Especificar configPath | npx babel --config-file /path/to/my/babel.config.json --out-dir dist ./src |
3. Ignore os arquivos
| --ignorar | ignorar arquivo | npx babel src --out-dir lib --ignore "src/**/*.spec.js","src/**/*.test.js" |
| --no-copy-ignored | não copie arquivos ignorados | npx babel src --out-dir lib --copy-files --no-copy-ignored |
| --no-babelrc | ignore .babelrc | npx babel --no-babelrc script.js --out-file script-compiled.js --presets=es2015,react |
referência: