使用danfojs编译时出现模块解析失败，需添加哪些额外Webpack加载器？

报错根因 #

• 使用的danfojs 0.2.5版本，源码中用到了export * as tf from "@tensorflow/tfjs"这类ES2020新增的命名空间导出语法
• 默认Webpack配置中babel-loader为加快构建速度，会全量跳过node_modules目录的文件转译，导致danfojs源码未被降级为Webpack可识别的语法
• 即便部分配置碰巧让danfojs文件经过了babel-loader处理，低版本Babel预设也无法正确解析该新语法，最终触发Unexpected token类型的模块解析失败报错

具体配置调整步骤 #

1. 修改Webpack的babel-loader匹配规则 #

找到Webpack配置中处理JS文件的loader规则，移除对node_modules的全量排除，仅放行danfojs目录参与转译，避免全量转译依赖拖慢构建速度：

// 原默认配置示例
{
  test: /\.js$/,
  exclude: /node_modules/,
  use: 'babel-loader'
}

// 修改后兼容Win/macOS路径的配置
{
  test: /\.js$/,
  // 正则逻辑：node_modules目录下，除danfojs文件夹内的JS文件外，其余依赖均跳过babel-loader处理
  exclude: /node_modules(?!(\/|\\)danfojs)/,
  use: 'babel-loader'
}

2. 校验Babel转译规则 #

确认Babel配置（babel.config.js / .babelrc）中@babel/preset-env的配置正确，确保可完成对应语法的转译：

// babel.config.js 参考配置
module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        targets: "> 0.25%, not dead",
        modules: 'auto'
      }
    ]
  ]
}

特殊场景补充 #

• 若使用未eject的Create React App项目，可通过craco/react-app-rewired工具覆盖Webpack配置，按照上述规则调整babel-loader的排除逻辑即可
• 调整后仍报同类错误时，检查@babel/core、@babel/preset-env的版本，需升级到7.x以上稳定版本，旧版本对export * as语法的转译支持存在缺失

注意：不要直接移除node_modules的排除规则，会将所有第三方依赖纳入转译范围，大幅拉长本地开发的热更新构建时间

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