Chore: accelerate prod build with worker-farm (#162)

build/build_locale.js

@@ -0,0 +1,20 @@
+/* eslint-disable */
+const execSync = require('child_process').execSync;
+
+/**
+ * Build a single locale
+ *
+ * @param {string} locale - locale to build
+ * @param {*} callback - callback from worker-farm master process
+ */
+module.exports = (locale, callback) => {
+    try {
+        console.log(`Building ${locale}...`);
+        // build assets for a single locale
+        execSync(`time LANGUAGE=${locale} yarn run build-prod`);
+        callback();
+    } catch (error) {
+        console.error(`Error: Failed to build ${locale}`);
+        callback(true);
+    }
+};

build/prod.js

@@ -1,7 +1,32 @@
-const execSync = require('child_process').execSync;
+/* eslint-disable */
+const workerFarm = require('worker-farm');
 const locales = require('./locales');
+const numCPUs = require('os').cpus().length;
+const execSync = require('child_process').execSync;
+const path = require('path');
+
+const filename = path.basename(__filename);
+const localesCount = locales.length;
+let counter = 0;
+
+const workers = workerFarm(
+    {
+        maxConcurrentWorkers: numCPUs - 1,
+        maxRetries: 0
+    },
+    require.resolve('./build_locale.js')
+);
+
+locales.forEach(locale => {
+    workers(locale, error => {
+        if (++counter === localesCount || error) {
+            // terminate after all locales have been processed
+            workerFarm.end(workers);
+        }
 
-locales.forEach((language) => {
-    console.log(`Building ${language}...`);
-    execSync(`LANGUAGE=${language} yarn run build-prod`);
+        if (error) {
+            // kill the node process that spawns the workers as well as all processes been spawned
+            execSync(`ps ax | grep "${filename}" | cut -b1-06 | xargs -t kill`);
+        }
+    });
 });

build/webpack.config.js

@@ -51,7 +51,7 @@ function getConfig(isReactExternalized) {
             rules: [
                 {
                     test: /\.js$/,
-                    loader: 'babel-loader?cacheDirectory',
+                    loader: 'babel-loader',
                     exclude: /(node_modules)/
                 },
                 {
@@ -120,8 +120,6 @@ function getConfig(isReactExternalized) {
     if (isRelease) {
         config.plugins.push(
             new UglifyJsPlugin({
-                cache: true,
-                parallel: true,
                 uglifyOptions: {
                     ecma: 5,
                     compress: {

package.json

@@ -183,7 +183,8 @@
     "uglifyjs-webpack-plugin": "^1.1.6",
     "webpack": "^3.10.0",
     "webpack-bundle-analyzer": "^2.9.2",
-    "webpack-dev-server": "^2.10.1"
+    "webpack-dev-server": "^2.10.1",
+    "worker-farm": "^1.5.2"
   },
   "peerDependencies": {
     "box-react-ui": "^21.4.0",