内联webpack加载器的流类型问题

Question

我在webpack中使用sass-variable-loader，由于扩展webpack配置的限制，我只想以这种方式内联使用：

import variables from '!!sass-variable-loader!../../../src/styles/variables.scss'

这可以按预期工作，但是当我尝试运行flow时，它会退出并显示以下错误：

import variables from '!!sass-variable-loader!../../../src/styles/variables.scss'
                           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ !!sass-variable-loader!../../../src/styles/variables.scss. Required module not found

Flow有没有办法在这条线上失败？

Answer 1

在您的.flowconfig文件中，您可以添加以下内容（我有首选！s可选，因为它们是，取决于您的目的）：

[options]
module.name_mapper='^\(!!\)?sass-variable-loader!.+\.scss$' -> '<PROJECT_ROOT>/Stub.js.flow'

Stub.js.flow看起来像：

declare module Stub {
  declare var exports: { [key: string]: string };
}

您不需要调用该文件，但您需要一个看起来像这样的文件。