如何让Babel将Node.js buffer polyfill转译为适配Duktape的ES5？

核心原因是Babel默认不会处理node_modules目录下的代码，导致buffer模块里的let/const等ES6语法未被转译为ES5，从而在Duktape中报错。以下是具体解决步骤：

1. 修改Webpack的babel-loader规则，让它处理buffer模块 #

在webpack.config.js的module.rules中，调整babel-loader的排除规则，允许处理node_modules/buffer：

module.exports = {
  // ...其他配置
  module: {
    rules: [
      {
        test: /\.js$/,
        // 排除除了buffer之外的所有node_modules内容
        exclude: /node_modules(?!\/buffer)/,
        use: {
          loader: 'babel-loader',
          options: {
            configFile: './.babelrc' // 指定Babel配置文件路径
          }
        }
      }
    ]
  }
};

2. 确认Babel配置的目标环境为ES5 #

在.babelrc（或babel.config.json）中，确保@babel/preset-env的目标设置明确指向ES5兼容环境：

{
  "presets": [
    ["@babel/preset-env", {
      "targets": {
        "ie": "11", // 明确指定兼容到IE11，对应ES5标准
        "esmodules": false
      },
      "useBuiltIns": "usage",
      "corejs": 3 // 按需注入ES5缺失的API polyfill
    }]
  ],
  "plugins": []
}

3. 替换NodePolyfillPlugin为显式的buffer fallback配置（可选） #

如果之前用NodePolyfillPlugin无效，可以直接在Webpack的resolve.fallback中指定buffer的polyfill路径，同时确保该路径下的代码被Babel处理：

module.exports = {
  // ...其他配置
  resolve: {
    fallback: {
      "buffer": require.resolve("buffer/")
    }
  }
};

4. 验证转译结果 #

执行Webpack构建后，检查输出文件中是否还存在let/const关键字。如果还有残留，可以尝试：

• 删除node_modules和dist目录，重新安装依赖并构建
• 确保@babel/core、@babel/preset-env、babel-loader的版本兼容（建议使用最新稳定版）

内容的提问来源于stack exchange，提问作者Jean-Luc