Babel 7是否符合ES模块规范?
创始人
2024-11-19 19:01:01
0

Babel 7符合ES模块规范,但需要通过插件来支持。

首先,确保已经安装了@babel/preset-env插件。然后,在Babel配置文件(通常是.babelrcbabel.config.js)中,将@babel/preset-env添加到presets数组中。

示例代码:

// .babelrc

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

这将使Babel使用@babel/preset-env插件来根据目标环境自动转换代码。

然后,确保在模块文件中使用ES模块的语法。例如,使用importexport关键字进行模块导入和导出。

示例代码:

// 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模块,导出了foobar变量。main.js使用import语句从module.js中导入这两个变量,并进行打印输出。

注意:在使用importexport语法时,确保你的代码在运行时支持ES模块,例如在浏览器中,需要添加type="module"属性到