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

上一篇 下一篇

猜你喜欢

热点阅读