如何在eslintrc文件中使用import？

Question

我正在尝试使用导入的对象在.eslintrc.js文件中为全局变量设置一些限制，但导入不起作用。如何进行动态eslint配置？

import {loadedGlobals} from '@/util/globals'                      

module.exports = {
    'globals': Object.keys(loadedGlobals).reduce((acum, key) => {
        acum[key] = false
        return acum
    }, acum),
    // ...
}

Answer 1

如何在eslintrc文件中使用导入？

ESLint目前不支持名为eslintrc的配置文件，所以我假设您指的是.eslintrc.js。

ESLint目前不支持ES模块，您可以从其configuration file formats文档上的JavaScript (ESM)项目符号中看到。

如果您愿意在此处安装另一个依赖项，那么您可以在.eslintrc.js中使用import

安装你的配置模块npm i esm -D (这里我选择了一个新的文件作为你的.eslintrc.js的兄弟文件，叫做.eslintrc.esm.js.

• Inside of .eslintrc.esm.js

1. esm npm i esm -D.eslintrc.js.eslintrc.esm.js ESLint configuration。在此处，您可以使用import，并且应将配置导出为export default { // Your config }.
2. Inside .eslintrc.js，包括以下代码：

const _require = require('esm')(module)
module.exports = _require('./.eslintrc.esm').default

现在您应该能够像往常一样运行eslint了。这个额外的文件有点笨拙，但如果愿意，您可以将它们组织到一个目录中，并使用eslint的--config选项指向新位置。

Answer 2

您可能会注意到，在导出对象时使用的是旧语法。您可以尝试使用require()而不是导入。

或者，您可以查看Shareable Configs。