reactjs - 如何仅使用 babel 7 转译 node_modules 文件夹？

Question

尝试使用 mocha 对 ReactJS 应用程序进行单元测试，但在 node_modules 中使用的 es6 功能(导入/导出)中出现错误文件夹。有问题的应用程序是使用 babel 进行转译的，但由于 React 组件之一正在使用 node_modules 中的模块。它的 throw 错误<strong>Syntax Error:Unexpected token export</strong> 。我知道 babel 默认情况下会忽略 node_modules 文件夹，但不知道如何解决这个问题。任何帮助，将不胜感激。谢谢。

测试命令:-

  "test": "SET NODE_ENV=test&& mocha --require @babel/register --require ignore-styles -r jsdom-global/register \"./src/**/*.test.js\"",

babel.config.js :-

module.exports = function (api) {
  const presets = ["react-app"];
  const plugins = [
      "@babel/plugin-transform-modules-commonjs", 
      "inline-react-svg"
  ];
  const ignore = [/node_modules/]
  api.cache(false); 
  return {
      presets, 
      plugins,
      ignore
  }
};

Answer 1

成功了!由于我使用的是内部配置为使用 Jest 的 react-app-rewired，因此必须从 Mocha 切换到 Jest。需要对 config-override.js 进行一些小更改。添加了一个带有 "transformIgnorePatterns": ["node_modules/(?!MODULES_TO_BE_TRANSPILED)"] 的 jest 配置。希望对其他人有帮助。