feat: 👯 Support multiple webpack builds

Author: marcofugaro

packages/accurapp-scripts/scripts/build.js

@@ -25,9 +25,8 @@ if (process.env.PUBLIC_URL.endsWith('/')) {
 }
 
 const appDir = process.cwd()
-const config = readWebpackConfig()
 const appPublic = path.resolve(appDir, 'public')
-const appBuild = config.output.path
+const appBuild = path.resolve(appDir, 'build')
 const relativeAppBuildPath = `${path.relative(appDir, appBuild)}/`
 
 function clearBuildFolder() {

packages/accurapp-scripts/scripts/start.js

@@ -38,11 +38,12 @@ function runDevServer(port) {
     log.info(`Or on your network at: ${chalk.cyan(urls.lanUrlForTerminal)}`)
   })
 
+  const webpackConfig = readWebpackConfig()
   const devServerConfig = {
     host: HOST,
     public: urls.lanUrlForConfig,
     https: PROTOCOL === 'https',
-    ...readWebpackConfig().devServer,
+    ...(Array.isArray(webpackConfig) ? webpackConfig[0] : webpackConfig).devServer,
   }
   const devServer = new WebpackDevServer(compiler, devServerConfig)
   devServer.listen(port, HOST, (err) => {

packages/accurapp-scripts/utils/logging-utils.js

@@ -110,8 +110,15 @@ function printFileSizes(webpackStats, appBuild, maxBundleGzipSize = 1024 * 1024)
         .toJson({ all: false, assets: true })
         .assets.filter((asset) => /\.(js|css)$/.test(asset.name))
         .map((asset) => {
-          const fileContents = fs.readFileSync(path.join(appBuild, asset.name))
-          const size = fs.statSync(path.join(appBuild, asset.name)).size
+          const file = path.join(appBuild, asset.name)
+
+          // Maybe some files are in a subfolder
+          if (!fs.existsSync(file)) {
+            return
+          }
+
+          const fileContents = fs.readFileSync(file)
+          const size = fs.statSync(file).size
           const sizeGzip = gzipSize(fileContents)
 
           return {
@@ -121,6 +128,7 @@ function printFileSizes(webpackStats, appBuild, maxBundleGzipSize = 1024 * 1024)
             sizeGzip,
           }
         })
+        .filter(Boolean)
     )
     .reduce((single, all) => all.concat(single), [])
 

packages/accurapp-scripts/utils/webpack-utils.js

@@ -73,6 +73,12 @@ function createWebpackCompiler(onFirstReadyCallback = () => {}, onError = () =>
       timings: true,
     })
 
+    // If there's an array of configs
+    if (statsData.children) {
+      const totalTime = statsData.children.reduce((sum, s) => sum + s.time, 0)
+      statsData.time = totalTime
+    }
+
     if (useTypeScript && statsData.errors.length === 0) {
       // push typescript errors and warnings
       const messages = await tsMessagesPromise