html 调用es2015模块,如何使用Javascript ES6 ES2015模块将常量直接导出/导入到导入模块名称空间？...

除了您已经引用的两个选项：

import * as CONSTANTS from 'foobar';

import { FOO, BAR } from 'foobar';

您也可以执行默认导出以获取所有内容,但它在功能上与选项一相同：

// foobar.js

const FOO = 'foo';

const BAR = 'bar';

export default { FOO, BAR };

// myfile.js

import CONSTANTS from 'foobar';

另一种方法是为全局或窗口动态填充它们(Node.js的全局,浏览器代码的窗口).

但是,我强烈建议不要使用此方法,因为您将无法使用IDE的任何帮助,这将导致许多错误.现在编写额外的代码完全不值得在以后遇到难以发现的错误.

import CONSTANTS from 'foobar';

Object.keys(CONSTANTS).forEach(key => window[key] = CONSTANTS[key]);

console.log(FOO, BAR);

例：

const CONSTANTS = { FOO: 'foo', BAR: 'bar' };

Object.keys(CONSTANTS).forEach(key => window[key] = CONSTANTS[key]);

console.log(FOO, BAR);

通过将它们放在根级元素中,您可以在不必直接实现它们的情况下逃脱.

但是,请不要使用此方法.