Webpack MPA 打包

config-overrides.js

const { override, fixBabelImports} = require('customize-cra');
const glob = require('glob');
const path = require('path');
const projectRoot = process.cwd();

const getMultipleEntry = () => {
    const multipleEntry = [];
    const entryFiles = glob.sync(path.join(projectRoot, './src/*/index.js'));
  
    Object.keys(entryFiles)
      .map((index) => {
        const entryFile = entryFiles[index];
      
        const match = entryFile.match(/src\/(.*)\/index\.js/);
        const pageName = match && match[1];

        multipleEntry.push({
            entry: entryFile,
            template: path.join(projectRoot, `./src/${pageName}/index.html`),
            outPath:  `/${pageName}/index.html`
        });
      });
  
    return multipleEntry;
};

const multipleEntry = require('react-app-rewire-multiple-entry')(getMultipleEntry());

module.exports = {
    webpack: override(
        fixBabelImports('import', {
            libraryName: 'antd',
            libraryDirectory: 'es',
            style: 'css',
        }),
        multipleEntry.addMultiEntry,
        (config)=>{ 
            if(process.env.NODE_ENV==="production") {
                config.devtool = false;
            }else if(process.env.NODE_ENV==="development"){
                config.devtool = "eval-source-map";
            }    
            return config
        }
      )
};

项目结构