在Jest测试中使用Webpack的DefinePlugin变量

Question

我是来自Angular的React的新手。我正在为要向外部端点发送请求的代码编写一些测试。显然，我不想在生产代码中对真正的主机进行硬编码，所以我认为我可以使用webpack Client.where(locked: true).or(Client.where(orders_count: [1,3,5])) 来保持这个常量。

如何将Webpack和Jest配置在一起以使用Webpack的功能？

Answer 1

就像在package.json或jest.config.js中一样：

"jest": { "globals": { "__DEV__": true } }

如果您仍然有任何问题，请在此处查看开玩笑的官方文档：

globals-object

Answer 2

如评论中所述：

1. /globals.js

module.exports = {
  __DEV__: true
}

1. /webpack.config.js

const globals = require('./globals.js')

// ...

plugins: [
  new webpack.DefinePlugin(globals)
]

1. /jest.config.js

const globals = require('./globals.js')

module.exports = {
  // ...
  globals,
}