javascript – 如何使用ES2015语法导入从文件导出的所有内容?有通配符吗?

前端之家收集整理的这篇文章主要介绍了javascript – 如何使用ES2015语法导入从文件导出的所有内容?有通配符吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用ES2015语法,我们有新的导入语法,我一直在试图找出如何将从一个文件导出的所有内容导入到另一个文件中,而不必将其包装在对象中,即.可以像在同一个文件中定义一样.

所以,基本上这样:

// constants.js

const MYAPP_BAR = 'bar'
const MYAPP_FOO = 'foo'
// reducers.js

import * from './constants'

console.log(MYAPP_FOO)

这不起作用,至少根据我的Babel / Webpack设置,这种语法是无效的.

备择方案

这是有用的(但是如果您需要导入的几个东西,则会很麻烦):

// reducers.js

import { MYAPP_BAR,MYAPP_FOO } from './constants'

console.log(MYAPP_FOO)

这样做(但它将const包裹在一个对象中):

// reducers.js

import * as consts from './constants'

console.log(consts.MYAPP_FOO)

是否有第一个变体的语法,还是必须通过名称导入每个事物,或使用包装器对象?

解决方法

Is there a Syntax for the first variant,

没有.

or do you have to either import each thing by name,or use the wrapper object?

是.

猜你在找的JavaScript相关文章