javascript - 内联 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 };
}

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