bable安装和使用 把ES6代码转成ES6之前的代码

30 阅读1分钟

初始化项目npm init > 会生成一个 package.json 文件, 记录的项目中, 包的信息

安装bable npm install --save-dev @babel/core @babel/cli

使用 package.json 安装包 npm install 或者 npm i

设置 babel 的配置文件 名称为 babel.config.json, 先安装包 npm install @babel/preset-env --save-dev

创建 babel.config.json,写入如下代码:

{
	"presets": ["@babel/preset-env"]
}

babel 使用

修改 package.json, 添加如下代码"build": "babel src -d lib" ,方便执行npm run build

命令的含义: 使用 babel, 编译 src 目录下的代码, 输出结果到 lib 目录

测试ES6代码

let name = "Alex";
const age = 18;
const add = (x, y) => x + y;
// Set Map
new Promise((resolve, reject) => {
	resolve("成功");
}).then((value) => {
	console.log(value);
});
Array.from([1, 2]);
class Person {
	constructor(name, age) {
		Object.assign(this, { name, age });
	}
}
new Person("Alex", 18);
import "./index.js";

** 执行npm run build,会把ES6代码转成ES5代码,放到lib目录下。**