Webpack 过梁显示“；无未使用的VAR“；导入网页包的样式文件时

我正在使用原子的

linter-eslint

包和React项目。我使用webpack作为绑定器，并导入要在构建过程中处理的sass样式

当我在输入文件中导入样式时，我不使用它，但我需要在那里导入它，以便webpack启动处理。我这样做：

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

我得到了错误

没有未使用的vars

，因为它实际上没有在任何地方使用

我可以将

no unused vars

设置为抛出警告而不是错误，但我想知道是否应该以不同的方式进行导入，或者在导入的文件具有

.sass

扩展名时是否可以禁用该规则

---

谢谢你的帮助

编辑2019-09-17

我编写的原始解决方案可以作为一种变通方法，但有一种更好的替代方法可以替代忽略模式。解决方案是在导入时避免创建常量：

import./public/styles/common.sass'

这就行了，没有可以忽略的变量，因为我们没有定义一个

我将在下面留下原始答案，因为忽略模式在其他情况下可能有用

---

原始答案2017-03-27

阅读之后，我意识到最好的方法是使用选项

varsIgnorePattern

。使用此选项，我们可以定义一个将被linter忽略的正则表达式字符串

此外，当我使用

eslint config react

时，我必须将

^react$

添加到被忽略的字符串中，因为它是该包附带的。如果我只是覆盖

varsIgnorePatter

，每次导入时都会出现错误

添加到

.eslintrc

文件的内容如下：

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

---

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

样式

编辑2019-09-17

我编写的原始解决方案可以作为一种变通方法，但有一种更好的替代方法可以替代忽略模式。解决方案是在导入时避免创建常量：

import./public/styles/common.sass'

这就行了，没有可以忽略的变量，因为我们没有定义一个

我将在下面留下原始答案，因为忽略模式在其他情况下可能有用

---

原始答案2017-03-27

阅读之后，我意识到最好的方法是使用选项

varsIgnorePattern

。使用此选项，我们可以定义一个将被linter忽略的正则表达式字符串

此外，当我使用

eslint config react

时，我必须将

^react$

添加到被忽略的字符串中，因为它是该包附带的。如果我只是覆盖

varsIgnorePatter

，每次导入时都会出现错误

添加到

.eslintrc

文件的内容如下：

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

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

styles\uu