javascript - 如何在 JavaScript 中读取 `export default *`？

Question

我想在一个文件中放入很多常量，例如:

constants.js

export const FOO = 'foo'
export const BAR = 'bar'

我可以像这样导入它们:

index.js

import { FOO, BAR } from './constants.js'

但是 webpack 警告我在 ./constants.js 中找不到 export default，这也意味着我无法执行此操作:

import constants from './constants.js'

我已经尝试过了

export default *

就像

import * from './constants'

但是这不起作用。那么有什么优雅的方法来代替以下内容吗？

export default { FOO, BAR }

Answer 1

如果您不想进行解构导入，那么这可能是您可以使用的两个最佳选项。

选项 1

// constants.js
export const FOO = 'foo'
export const BAR = 'bar'


// index.js
import * as constants from './constants'
/*
 * constants = { FOO: 'foo', BAR: 'bar' }
 */

选项 2

// constants.js
export default {
  FOO: 'foo',
  BAR: 'bar'
}

//index.js
import constants from './constants'