reactjs - 如何设置 eslint 忽略来自 scss 文件的 @import

Question

在 React 项目中，我在 js 和 scss 文件上运行 linter。在 scss 文件中，我使用了 @import 语句，但 lint 给了我以下错误

Parsing error: Unexpected keyword 'import'
@import './../shared/variables.scss';

我希望 linter 忽略这些 @import 行。

我需要在 eslintrc 文件中添加任何规则吗？目前我在配置中有以下导入规则：

'import/no-unresolved': 0,
'import/no-dynamic-require': 0,
'import/no-extraneous-dependencies': 0

scss 文件是否有任何注释行可以忽略特定行，就像我们为 js 文件设置的那样？例如// eslint-disable-next-line

我浏览了很多在线资源并添加了 babel-eslint 解析器，也通过了 parserOptions 但没有任何效果。

标签： reactjssasseslint

Answer 1

根据https://github.com/eslint/eslint/issues/12752#issuecomment-571561845：

看起来原因是 eslint 'src/**' 命令。您正在检查 JavaScript 以外的其他文件。