如何设置 eslint 忽略来自 scss 文件的 @import答案

【问题标题】：How to set eslint to ignore @import from scss files如何设置 eslint 忽略来自 scss 文件的 @import
【发布时间】：2021-04-20 11:23:19
【问题描述】：

在 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 但没有任何效果。

【问题讨论】：

看起来原因是 eslint 'src/**' 命令。您正在检查 JavaScript/typescript 以外的其他文件。 eslint 不适用于 linting 样式。

【解决方案1】：

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

【讨论】：