是否有ESLint规则或VSCode设置可强制导入时补全*/index路径

一、ESLint 规则配置 #

你可以使用专门的 eslint-plugin-import-index 插件实现强制校验，配置步骤如下：

1. 安装依赖：

npm install eslint-plugin-import-index --save-dev

2. 在 .eslintrc 配置文件中添加规则：

{
  "plugins": ["import-index"],
  "rules": {
    "import-index/enforce-extension": "error"
  }
}

规则开启后，所有直接导入目录、省略/index的写法都会触发ESLint报错，强制要求补全路径中的/index后缀。
如果不想安装额外插件，也可以通过ESLint原生的no-restricted-imports规则自定义正则匹配实现，配置示例：

{
  "rules": {
    "no-restricted-imports": ["error", {
      "patterns": [{
        "group": ["./*/", "../*/"],
        "message": "不允许直接导入目录，请补充/index后缀"
      }]
    }]
  }
}

二、VSCode 自动导入补全/index设置 #

如果需要VSCode的自动导入功能默认补全路径中的/index，可以在VSCode的settings.json配置文件中添加以下配置：

// JavaScript项目生效
"javascript.preferences.importModuleSpecifierEnding": "index",
// TypeScript项目生效
"typescript.preferences.importModuleSpecifierEnding": "index"

配置完成后，VSCode自动生成的导入语句会自动携带/index后缀，无需手动修改。

内容的提问来源于stack exchange，提问作者rafalou38