react-app-rewired 修改打包目录

在config-overrides.js下进行修改：

// 打包配置
const addCustomize = () => config => {
  
  // 关闭sourceMap
  config.devtool = false;
  // 配置打包后的文件位置
  config.output.path = __dirname + '/dist';
  config.output.publicPath = '/';`在这里插入代码片`
  
  return config;
}

修改之后，发现public下边的favicon.ico无法打包到dist目录下，为解决，需要如下的代码：

//配置favicon公共文件打包目录
const paths = require('react-scripts/config/paths');
paths.appBuild = path.join(path.dirname(paths.appBuild), 'dist');

react-app-rewired 最新版本，override使用了高阶函数的方法，故进行如下的修改:

module.exports = override(
  addLessLoader({
    javascriptEnabled: true,
    modifyVars
  }),
  addDecoratorsLegacy(),
  fixBabelImports('import', {
    // libraryName: 'antd',
    libraryDirectory: 'es',
    style: true,
  }),
  addWebpackAlias({        
    ["@"]: path.resolve(__dirname, "src"), 
  }),
  addWebpackExternals({        
    "react": "React",
    "react-dom": "ReactDOM",
    "react-router-dom": "ReactRouterDOM",
    "echarts": "echarts",
    "antd": "antd",
    "moment": "moment",
  }),
  addCustomize(),
)