项目已经创建好。安装babel
相关包
$ npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node
$ npm install --save @babel/polyfill
配置babel.config.js
const presets =[
["@babel/env", {
targets: {
ie: "8",
edge: "17",
firefox: "60",
chrome: "67",
safari: "11.1"
}
}]
];
module.exports = { presets };
创建测试文件.\src\index.js
let str = 'hehe';
let a = [1,2,3], b = [4,5,6];
let arr = [...a, ...b];
let foo = i=> 1+2;
执行:
$ npx babel .\src\index.js -o .\dist\demo.js
添加-w
实时监控,自动转换
$ npx babel .\src\index.js -w -o .\dist\demo.js
查看生成的目标 demo.js
es6
语法转成es5
了
"use strict";
var str = 'hehe';
var a = [1, 2, 3],
b = [4, 5, 6];
var arr = [].concat(a, b);
var foo = function foo(i) {
return 1 + 2;
};
babel src -d dist
实时监控,自动转换
npx babel src -w -d dist