Linter显示＆＃34; no-unused-vars＆＃34;导入webpack的样式文件时

Question

我正在使用带有React项目的linter-eslint包for atom。我使用webpack作为捆绑器，并导入sass样式以在构建过程中进行处理。

当我在条目文件中导入样式时，我不会使用它，但我需要将其导入到那里，以便webpack触发处理。我这样做：

import commonStyle from './public/styles/common.sass';

我收到错误no-unused-vars，因为它实际上没有在任何地方使用。

我可以设置no-unused-vars来发出警告而不是错误，但我想知道我是否应该以不同的方式进行导入，或者当导入的文件有.sass时我是否可以禁用该规则扩展

感谢您的帮助！

Answer 1

在阅读ESLint docs for no-unused-vars后，我意识到最好的方法是使用varsIgnorePattern选项。使用此选项，我们可以定义一个将被linter忽略的正则表达式字符串。

此外，正如我使用eslint-config-react一样，我必须将^React$添加到被忽略的字符串中，因为它附带了该包。如果我只是覆盖varsIgnorePatter，每次导入React时都会出错。

.eslintrc文件的添加如下：

"no-unused-vars": [
  "error",
  {"varsIgnorePattern": "_$|^React$"}
]

现在，linter将忽略以下划线结尾的所有变量，例如styles_