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

Question

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

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

这按预期工作，但是当我尝试运行流程时，它退出并出现以下错误：

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 };
}

你不需要调用那个文件，但你需要一个看起来像那样的文件。