安装 babel
项目已经创建好。安装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;
babel 执行转换
单文件
执行:
$ 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
参考资料
https://babeljs.io
Using Babel =》Language APIs =》Node