webpack.config.js

const { merge } = require('webpack-merge')
const singleSpaDefaults = require('webpack-config-single-spa')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const path = require('path')

module.exports = (webpackConfigEnv, argv) => {
  const orgName = 'zuri'
  const defaultConfig = singleSpaDefaults({
    orgName,
    projectName: 'root-config',
    webpackConfigEnv,
    argv,
    disableHtmlGeneration: true
  })

  return merge(defaultConfig, {
    //
    externals: {
      jquery: 'jQuery'
    },
    // modify the webpack config however you'd like to by adding to this object
    output: {
      // path: path.join(__dirname, '..', 'dist'), // string (default)
      // filename: "[name].js", // string (default)
      // publicPath: path.join(__dirname, 'dist', 'assets') // string
    },
    plugins: [
      new HtmlWebpackPlugin({
        inject: false,
        template: 'src/index.ejs',
        templateParameters: {
          isLocal: webpackConfigEnv && webpackConfigEnv.isLocal,
          orgName
        }
      })
    ]
  })
}