自定义ESLint解析器支持动态import()语句，无需依赖babel-eslint

你想通过自定义ESLint解析器来支持import()语句、避免引入Babel依赖的思路方向是对的，但目前你的代码里的字符串替换方式存在明显问题，我来帮你梳理下更靠谱的方案：

先试试最简单的方案：直接配置默认解析器espree #

其实ESLint默认使用的espree解析器本身就支持动态import()语法，只是需要在配置里开启对应的选项，完全不需要额外依赖。你可以直接在ESLint配置文件里添加以下配置：

{
  "parser": "espree",
  "parserOptions": {
    "ecmaVersion": 2020, // 或者设为"latest"以支持最新ES特性
    "sourceType": "module",
    "ecmaFeatures": {
      "dynamicImport": true
    }
  }
}

配置完成后，ESLint就能正确识别import()语句了，这比自己写解析器要简单得多，建议优先尝试这个方案。

如果一定要自定义解析器：基于espree扩展而非字符串替换 #

如果因为某些原因必须自己实现解析器，那你的初始思路里的字符串替换方式是不可取的——这种粗暴的替换会误改代码中的字符串字面量（比如如果代码里有const str = 'import(xxx)'，也会被替换），还会破坏代码结构导致AST解析错误。

正确的做法是基于espree进行扩展，通过配置解析选项让它支持动态import，然后封装成符合ESLint要求的解析器。示例代码如下：

// dumb-parser.js
const espree = require("espree");

exports.parseForESLint = function(code, options) {
  // 合并传入的选项，确保开启动态import支持
  const parserConfig = {
    ...options,
    ecmaVersion: options.ecmaVersion || 2020,
    sourceType: "module",
    ecmaFeatures: {
      ...options.ecmaFeatures,
      dynamicImport: true
    }
  };

  // 用espree生成正确的AST
  const ast = espree.parse(code, parserConfig);

  // 返回ESLint要求的解析结果结构
  return {
    ast,
    services: {},
    visitorKeys: espree.VisitorKeys // 复用espree的访问器键，确保规则能正常遍历AST
  };
};

然后在你的ESLint配置里指定这个自定义解析器：

{
  "parser": "./dumb-parser.js"
}

总结 #

优先尝试配置espree的dynamicImport选项，这是零额外依赖的最优解；如果确实需要自定义解析器，基于espree扩展的方式才是正确的思路，避免使用字符串替换这种容易出问题的hack手段。

内容的提问来源于stack exchange，提问作者kelso.md