babel转码器
2019-04-08 本文已影响0人
风雪之隅_b6f7
npm install--save-dev @babel/core
es6=>es5 箭头函数转为普通函数
babel的配置文件可以放在webpack里面,但一般情况都格外建一个.babelrc文件,将关于babel的所有配置文件放置在此文件中
该文件用来设置转码规则和插件,基本格式如下。
presets字段设定转码规则
{
"presets":[ ],
"plugins":[ ]
}
# 最新转码规则$ npm install--save-dev @babel/preset-env
# react 转码规则$ npm install--save-dev @babel/preset-react
{"presets":["@babel/env","@babel/preset-react"],"plugins":[]}
命令行转码
Babel 提供命令行工具@babel/cli,用于命令行转码。
npm install--save-dev @babel/cli
npx babel xxx.js
babel-node
Node 的 REPL 环境的所有功能,而且可以直接运行 ES6 代码。
npm install--save-dev @babel/node
npx babel-node xx.js
对require命令加载的.js、.jsx、.es和.es6文件转码
@babel/register
$ npm install--save-dev @babel/register
使用时,必须首先加载@babel/register。
//index.js 文件下
require('@babel/register');
require('./es6.js');
运行node index.js