如何流式输入'require('')'图片?

时间:2019-06-18 09:55:59

标签: javascript flowtype

我有一个带有流类型的对象。我检查了require函数在Vscode中的悬浮状态。但是不确定在这里访问它吗?我想知道是否需要类似flow-typed的东西。但是在那找不到。我输入正确吗?

// @flow
const backgroundImage = require('./myBg.jpeg')

type configType = {
  backgroundImage: string | NodeRequire
}

const config = {
  backgroundImage
}

1 个答案:

答案 0 :(得分:1)

如果您使用的是webpack和url加载器,则图像通常为字符串。您可以使用name_mapper.extension option of flow自动输入所有jpeg(如果扩展正则表达式,还可以输入其他文件)文件导入为字符串:

# .flowconfig
[options]
module.name_mapper.extension='jpeg' -> '<PROJECT_ROOT>/ImageFlowStub.js.flow'

,然后在项目根目录(或其他位置)中创建ImageFlowStub.js.flow文件,并在.flowconfig中调整路径:

/* @flow */

declare export default string;

另请参阅以下问题:Flow “Required module not found” when importing a CSS file