Babel 7符合ES模块规范,但需要通过插件来支持。
首先,确保已经安装了@babel/preset-env插件。然后,在Babel配置文件(通常是.babelrc或babel.config.js)中,将@babel/preset-env添加到presets数组中。
示例代码:
// .babelrc
{
"presets": [
"@babel/preset-env"
]
}
这将使Babel使用@babel/preset-env插件来根据目标环境自动转换代码。
然后,确保在模块文件中使用ES模块的语法。例如,使用import和export关键字进行模块导入和导出。
示例代码:
// module.js
export const foo = 'Hello';
export const bar = 'World';
// main.js
import { foo, bar } from './module.js';
console.log(foo + ' ' + bar); // 输出:Hello World
以上示例代码中,module.js是一个ES模块,导出了foo和bar变量。main.js使用import语句从module.js中导入这两个变量,并进行打印输出。
注意:在使用import和export语法时,确保你的代码在运行时支持ES模块,例如在浏览器中,需要添加type="module"属性到标签中。