如何在Chrome / Firefox中的ES6中导出变量？

Question

在最新版本的Firefox和Chrome中，我尝试制作导出变量。

index.js：

'use strict'
import { bla } from './helper';
console.log(bla);

helper.js：

export var bla = 20;

但Chrome控制台显示屏会显示以下错误消息：

  

未捕获的SyntaxError：意外的保留字

firefox控制台显示跟随错误消息： SyntaxError：模块尚未实现

  

从'./helper'导入{bla}; ＆LT; -

我也尝试按照变体index.js：

'use strict'
import { bla } from './helper.js';
console.log(bla);

我也尝试按照变体index.js：

'use strict'
import { bla } from 'helper.js';
console.log(bla);

但错误信息保持不变。

Answer 1

Firefox和Chrome不支持此功能。请参阅https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import#Browser_compatibility。

你需要某种预处理器或转换器来完成这项工作。