eslint - webpack 別名

Question

我有一個 webpack 配置文件，它實際上是一個工廠函數（ react-universally樣板文件）。

我添加了resolve選項，它看起來像這樣：

resolve: {
      // These extensions are tried when resolving a file.
      extensions: config('bundleSrcTypes').map(ext => `.${ext}`),

      // This is required for the modernizr-loader
      // @see https://github.com/peerigon/modernizr-loader
      alias: {
        modernizr$: path.resolve(appRootDir.get(), './.modernizrrc'),
        Config: path.resolve(appRootDir.get(), './config'),
      },
    },

使用此配置，我可以訪問減速器，例如import config from 'Config' ，但我的 linter 向我拋出錯誤：

'Config' should be listed in the project's dependencies. Run 'npm i -S Config' to add it (import/no-extraneous-dependencies)
'Config' should be listed in the project's dependencies. Run 'npm i -S Config' to add it (import/no-extraneous-dependencies)
Missing file extension for "Config" (import/extensions)

如何在我的 eslinter 配置中添加別名？ 我已經針對這個問題嘗試了谷歌搜索結果中列出的幾個軟件包，但它們不起作用。 是否可以手動將別名添加到.eslintrc ？

Answer 1

您可以通過設置下的import/core-modules選項列出您的別名。

在你的 .eslintrc

"settings": {
  "import/core-modules": [
    "config-alias",
    "another-alias"
  ]
}

Answer 2

由於配置導入是一個特殊的例外，您可以告訴 ESLint 忽略該行（對於所有規則或僅單個規則）

https://eslint.org/docs/user-guide/configuring#disabling-rules-with-inline-comments