custom-cra, (react-app-rewired) 如何覆盖路径

Question

我正在使用https://github.com/timarney/react-app-rewired#readme，我的 config-overrides.js 看起来像

 module.exports = override(
...
)

现在文档说您可以使用此表单覆盖路径

module.exports = {

  paths: function(paths, env) {
    // ...add your paths config
    return paths;
  },
}

如何将第一个使用 override 函数和第二个使用对象的两者结合起来

Answer 1

对于paths，将其设置在对象中。 对于其他覆盖，请使用 webpack 关键字（如果您打算覆盖 webpack 配置）。 所以，下面是我的一个仓库（我在client 目录下拥有所有客户端源代码）：

const path = require('path');
const { override, addBabelPresets } = require('customize-cra');

module.exports = {
  paths: (paths, env) => {
    paths.appIndexJs = path.resolve(__dirname, 'client/index.jsx');
    paths.appSrc = path.resolve(__dirname, 'client');
    return paths;
  },
  webpack: override(
    addBabelPresets(
      '@emotion/babel-preset-css-prop'
    )
  ),
}