在create-react-app中排除test.js文件

Question

我使用create-react-app创建了一个应用程序。

我将我的`.test.js`文件放在它们要测试的文件旁边：

因此：

|
|_ Input.js
|_ Input.test.js

我需要在.babelrc中添加什么内容来阻止将*.test.js文件与开发或生产构建捆绑在一起。

我看不到任何地方排除它们的来源。

- dagda1

Answer 1

这是如何做的： 在你的根目录下创建 config-override.js 文件 然后添加以下内容

module.exports = function override(config, env) {
// Exclude .test.ts files from the build
config.module.rules = config.module.rules.map(rule => {
    if (rule.oneOf) {
        rule.oneOf = rule.oneOf.map(oneOfRule => {
            if (oneOfRule.test && oneOfRule.test.toString() === 
                '/\\.test\\.js$/') {
                // Exclude .test.ts files
                oneOfRule.exclude = /\.test\.ts$/;
                }
            return oneOfRule;
            });
        }
        return rule;
      });

      return config;
  };

---

这段代码通过在构建过程中排除 .test.ts 文件来修改 webpack 配置。

- Proau

Answer 2

你可以通过在webpack-config.js中更改用于构建的文件包含表达式来排除测试。

/^(?!.*\.test\.js$).*\.js$/

这将仅加载以 '.js' 结尾的文件，而不包括 'test.js' 文件。

- Jayabalaji J

---

请问你能否澄清一下？ 我使用dotenv 5.0.1创建了一个create-react-app，并且npm run运行正常，但是npm build失败，因为它的文件是ES6。那么如何将其添加到打包的忽略列表中，但在预编译项目时仍然需要它。 - gray_15

我认为weboack-config.js文件对于使用create-react-app创建的未弹出应用程序不可用。 - MoralCode