Multi Config Laravel Mix idea

webpack.mix.js

// Build two webpack configs
mix.build(mix => {
  mix.js('resources/js/site1/app.js', 'public/js/site1.js')
  mix.sass('resources/sass/site1/app.scss', 'public/css/site1.css')
})

mix.build(mix => {
  mix.js('resources/js/site2/app.js', 'public/js/site2.js')
  mix.sass('resources/sass/site2/app.scss', 'public/css/site2.css')
})

// More advanced version that would build 8 configs
// Two (debug=false, debug=true) for each of the 4 sites.
// The idea is that one could then use parallel-webpack to build each config in parallel
const variants = {
  site: ["site1", "site2", "site3", "site4"],
  debug: [false, true],
}

mix.variants(variants, (mix, variant) => {
  mix.js(`resources/js/${variant.site}.app.js`, `public/js/${variant.site}.js`)
  mix.sass(`resources/sass/${variant.site}/app.scss`, `public/css/${variant.site}.css`)
  mix.webpackConfig({
    plugins: [
      new webpack.DefinePlugin({
        DEBUG: JSON.stringify(JSON.parse(variant.debug))
      })
    ],
  })
})