小编xwe*_*web的帖子

如何使用Javascript ES6 ES2015模块将常量直接导出/导入到导入模块名称空间?

好的,我找不到完全的答案。我正在使用webpack和babel es2015预设来处理ES2015模块。

导出的模块1,文件名“ foobar.js”

export const FOO = 'foo'
export const BAR = 'bar'
Run Code Online (Sandbox Code Playgroud)

有没有办法将此常量导入到我的导入模块中的全局名称空间中?

我想在将使用常量的模块中执行此操作:

import 'foobar'

const doSomething = () => { console.log(FOO + BAR) }
Run Code Online (Sandbox Code Playgroud)

我知道这会起作用:

import * as CONSTANTS from 'foobar'

const doSomething = () => { console.log(CONSTANTS.FOO + CONSTANTS.BAR) }
Run Code Online (Sandbox Code Playgroud)

...还有其他方法可以将导入到特定名称空间中的结果相同。但是我想使用没有前缀的常量。

有没有一种方法可以将所有来自不同模块的导出直接导入到导入模块的根名称空间中?

*注意:我知道我可以这样做:

import {FOO, BAR} from 'foobar'
Run Code Online (Sandbox Code Playgroud)

但是然后我必须在导入中显式引用每个常量,这导致更多的麻烦而不是更少的麻烦。

javascript ecmascript-6 es6-modules

6
推荐指数
1
解决办法
4268
查看次数

标签 统计

ecmascript-6 ×1

es6-modules ×1

javascript ×1