要使用Babel预设阶段,需要按照以下步骤进行操作:
npm install --save-dev @babel/core @babel/preset-env
.babelrc的配置文件,并在该文件中指定要使用的预设。示例如下:{
"presets": ["@babel/preset-env"]
}
// 要转换的代码
const greet = () => {
console.log("Hello, World!");
};
// ES6+代码,需要转换
const sum = (a, b) => {
return a + b;
};
// ES6+代码,需要转换
const message = `The sum of 2 and 3 is ${sum(2, 3)}`;
// 调用转换后的代码
greet();
console.log(message);
npx babel src --out-dir dist
其中,src是源代码目录,dist是转换后的代码输出目录。
"use strict";
var greet = function greet() {
console.log("Hello, World!");
};
var sum = function sum(a, b) {
return a + b;
};
var message = "The sum of 2 and 3 is ".concat(sum(2, 3));
greet();
console.log(message);
通过以上步骤,可以使用Babel预设阶段将ES6+代码转换为可以在当前环境下运行的JavaScript代码。