Babel.config.js 仅用于开玩笑

Question

我们在 react typescript 项目上使用 jest。 如果有一个带有 preset: [@babel/preset-env] 的 babel.config.js 测试运行成功。 但是随着那个 babel 文件的存在，我们的 next.js web 项目不再编译了。

我如何设置这个 babel.config.js 只是为了开玩笑而不是为了 next.js？

Answer 1

请参阅使您的 Babel 配置具有笑话意识

Jest 会将 process.env.NODE_ENV 设置为 'test' 如果它没有设置为其他值。 您可以在配置中使用它来有条件地仅设置 Jest 所需的编译，例如

babel.config.js ：

module.exports = api => {
  const isTest = api.env('test');
  // You can use isTest to determine what presets and plugins to use.

  return {
    // ...
  };
};

Answer 2

@slideshowp2的另一种解决方案是有一个单独的 babelrc 文件专用于开玩笑。

例如，你可以将它命名为babel.config.testing.js然后在你的jest.config.js文件中，你告诉 jest 使用这个专用的 babelrc 文件：

module.exports = {
  transform: {
    '\\.js$': ['babel-jest', { configFile: './Configuration/babel.config.testing.js' }]
  },

};

参考： https://github.com/facebook/jest/issues/3845#issuecomment-645298425