如何将指定Webpack配置添加到Craco中？

直接在你创建的craco.config.js文件中填入以下代码，即可将所需的Webpack规则添加进去：

module.exports = {
  webpack: {
    configure: (config) => {
      const webpack5esmInteropRule = {
        test: /\.m?js/,
        resolve: {
          fullySpecified: false
        }
      };

      config.module.rules = [webpack5esmInteropRule, ...config.module.rules];
      return config;
    }
  }
};

关键说明： #

• Craco通过webpack.configure钩子修改react-scripts的默认Webpack配置，config参数为原始Webpack配置对象。
• 将自定义规则放在规则数组开头，确保它被优先匹配执行。
• 修改完成后必须返回更新后的config，否则配置不会生效。

内容的提问来源于stack exchange，提问作者physicsboy