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

Question

In React project, I am running linter on js and scss files. In scss files, I have used @import statement but lint gives me following error

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

I want linter to ignore these @import lines.

Do I need to add any rule in in eslintrc file? Currently I am having following import rules in config:

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

Is there any comment line for scss files to ignore specific line, like we have it for js files? eg // eslint-disable-next-line

I have gone through a lot of online sources and added babel-eslint parser as well and also passed parserOptions too but nothing is working.

Answer 1

According to https://github.com/eslint/eslint/issues/12752#issuecomment-571561845 :

Looks like the cause is eslint 'src/**' command. You are linting other files than JavaScript.