模拟文件是否捆绑在构建中？

Question

我正在使用create-react-app。

要测试我正在使用Jest以及该模拟文件的React组件。

我将测试文件和附着的模拟文件放置在组件旁边，就像这个文件结构一样：

components
- account
-- Account.js
-- Account.test.js
-- __mocks.js
- another-feature
....

当我运行yarn build时，模拟文件也将被捆绑吗？

Answer 1

纱线（或npm）取决于您指定的入口点。然后，webpack从入口点开始转到每个import。然后摇树发生。最后，所有收集到的东西都捆绑在一起。

玩笑以不同的方式工作：它按文件名模式搜索测试，模拟和快照。然后，每个单独的测试文件都会在运行时成为webpack的入口点。

因此，这是2个独立的流程，特殊文件/目录（如__mocks__）或仅测试文件所需的文件（如__mocks.js在您的情况下）将不会捆绑在一起。