覆盖 CRA webpack 配置而不弹出（从媒体文件中删除随机数）答案

【问题标题】：Override CRA webpack config without ejecting (remove random numbers from media files)覆盖 CRA webpack 配置而不弹出（从媒体文件中删除随机数）
【发布时间】：2022-01-22 18:35:18
【问题描述】：

我需要从我的项目中的所有 pdf 文件名中删除生成的随机数。（例如 license.pdf 而不是 license.3402bc5d.pdf）

我尝试使用 react-app-rewired。

文件config-overrides.js：

module.exports = function override(config, env) {
  config.module = {
    ...config.module, // copy all settings
    rules: [
      ...config.module.rules,
      {
        oneOf: [
          {
            test:/\.pdf$/,
            loader: 'file-loader',
            options: { name: "static/media/[name].pdf"}
          }
        ]
      },
    ]
  };
  return config;
};

但是没有用

【问题讨论】：

标签： reactjs webpack create-react-app react-app-rewired

【解决方案1】：

解决办法如下：

module.exports = function override(config, env) {
  config.module.rules[1].oneOf = config.module.rules[1].oneOf.map((one) => {
    if (one.options && one.options.name && one.exclude) {
      one.exclude = [/\.(js|mjs|jsx|ts|tsx)$/, /\.html$/, /\.json$/, /\.pdf$/];
    }
    return one;
  }).concat([
    {
      test:/\.pdf$/,
      loader: 'file-loader',
      options: { name: "/docs/[name].[ext]"}
    }
  ]);

  return config;
};

【讨论】：