从 '.' 导入 {} 是什么意思 做？

Question

我正在查看一个库的一些源代码，我看到了这个导入

import {SheetsRegistry, JssProvider, withStyles} from '.'

这是做什么的？它是如何导入的from '.'？

Answer 1

您共享的代码从同一目录中的index.js导入这些声明。

索引.js：

// @flow
import withStyles from './withStyles'

export {ThemeProvider, withTheme, createTheming, useTheme} from 'theming'
export {default as createUseStyles} from './createUseStyles'
export {default as JssProvider} from './JssProvider'
export {default as jss} from './jss'
export {SheetsRegistry, createGenerateId} from 'jss'
export {default as JssContext} from './JssContext'
export {default as styled} from './styled'
export {default as jsx, create as createJsx} from './jsx'
export {withStyles}

// Kept for backwards compatibility.
export default withStyles

在此示例中，index.js用于重新导出src目录中的一些声明。这种模式可以更轻松地移动声明，而无需重写许多导入。