craco with multiple entry points

[jefferson-william]

Hello,

I would like to use craco with multiple entry points. How do I do that?

Tried the following but only one is compiled.

const singleSpaApplicationPlugin = require('craco-plugin-single-spa-application')
const reactHotReloadPlugin = require('craco-plugin-react-hot-reload')

const cracoDefaultConfig = {
  orgName: 'react',
  orgPackagesAsExternal: false,
  reactPackagesAsExternal: true,
  minimize: process.env.NODE_ENV === 'production',
  externals: ['react', 'react-router', 'react-router-dom', 'rxjs'],
}

function compileComponent(config) {
  return {
    plugin: singleSpaApplicationPlugin,
    options: {
      ...cracoDefaultConfig,
      ...config,
    },
  }
}

const componentsToBuild = [
  compileComponent({
    projectName: 'button',
    entry: 'src/components/Button/single.spa.tsx',
  }),
  compileComponent({
    projectName: 'text',
    entry: 'src/components/Text/single.spa.tsx',
  }),
]

module.exports = {
  plugins: [
    {
      plugin: reactHotReloadPlugin,
    },
    ...componentsToBuild,
  ],
  webpack: {
    configure: (configuration) => {
      const config = configuration

      config.output.jsonpFunction = '@react'
      config.devServer = {
        ...config.devServer,
        sockHost: 'localhost',
        sockPort: '4500',
      }

      return config
    },
  },
}