初始化项目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目录下。**