feat: speed up local dev builds of the new es-module work

Author: sghoweri

packages/build-tools/cli.js

@@ -8,6 +8,9 @@ const configStore = require('@bolt/build-utils/config-store');
 const log = require('@bolt/build-utils/log');
 const { readYamlFileSync } = require('@bolt/build-utils/yaml');
 const { getPort } = require('@bolt/build-utils/get-port');
+const boxen = require('boxen');
+const chalk = require('chalk');
+
 const configSchema = readYamlFileSync(
   path.join(__dirname, './utils/config.schema.yml'),
 );
@@ -143,15 +146,38 @@ if (program.configFile) {
 
       const config = await configStore.getConfig();
 
-      log.dim(`Verbosity: ${config.verbosity}`);
-      log.dim(`Prod: ${config.prod}`);
-      log.dim(`i18n: ${config.i18n}`);
-      log.dim(
-        `enableSSR: ${config.enableSSR} ${
-          originalConfig.enableSSR ? '(manually set)' : '(auto set)'
-        }`,
+      const defaultConfigLog = chalk.white(`
+Logging Verbosity: ${config.verbosity}
+Environment: ${config.prod ? 'Production' : 'Development'}
+Multi-lang: ${config.i18n}
+ES Modules Enabled: ${config.esModules}
+`);
+
+      console.log(
+        boxen(defaultConfigLog, {
+          padding: {
+            top: 0,
+            bottom: 0,
+            left: 3,
+            right: 3,
+          },
+          margin: {
+            top: 1,
+            bottom: 0,
+            left: 1,
+            right: 1,
+          },
+          borderStyle: 'double',
+        }),
       );
-      log.dim(`Rendering Mode: ${config.mode}`);
+
+      // @todo: re-enable once JS-based SSR gets re-enabled and ships
+      // log.dim(
+      //   `enableSSR: ${config.enableSSR} ${
+      //     originalConfig.enableSSR ? '(manually set)' : '(auto set)'
+      //   }`,
+      // );
+      // log.dim(`Rendering Mode: ${config.mode}`);
       if (config.verbosity > 2) {
         log.dim(`Opening browser: ${config.openServerAtStart}`);
         log.dim(`Quick mode: ${config.quick}`);

packages/build-tools/create-webpack-config.js

@@ -562,7 +562,11 @@ async function createWebpackConfig(buildConfig) {
   // if esModules support is enabled in the .boltrc config, serve up just the modern bundle for local dev + legacy + modern bundles in prod.
   // Otherwise, continue serving the legacy bundle to everyone.
   if (config.esModules) {
-    return [legacyWebpackConfig, modernWebpackConfig];
+    if (config.prod) {
+      return [legacyWebpackConfig, modernWebpackConfig];
+    } else {
+      return [modernWebpackConfig];
+    }
   } else {
     return [legacyWebpackConfig];
   }

packages/build-tools/package.json

@@ -15,12 +15,12 @@
   "bin": {
     "bolt": "index.js"
   },
-  "browserslist": [
-    "extends @bolt/browserslist-config"
-  ],
   "scripts": {
     "test": "FORCE_COLOR=1 npx lerna exec --scope @bolt/build-tools--test* --concurrency 1 -- yarn run test"
   },
+  "browserslist": [
+    "extends @bolt/browserslist-config"
+  ],
   "dependencies": {
     "@babel/core": "^7.4.5",
     "@bolt/api": "^2.13.0",
@@ -38,6 +38,7 @@
     "autoprefixer": "^9.5.1",
     "babel-loader": "^8.0.6",
     "better-opn": "^0.1.4",
+    "boxen": "^4.2.0",
     "browser-sync": "^2.26.5",
     "cache-loader": "^4.1.0",
     "camelcase": "^5.3.1",

packages/core-v2.x/styles/index.scss

@@ -2,7 +2,7 @@
   BOLT CSS CORE
 \* ------------------------------------ */
 
-@warn "You are using the old version of Bolt Core which will stop working in Bolt v3.0.";
+@warn "You are using the old v2.x version of Bolt's Core Sass styles which will stop working when Bolt v3.0 is released.";
 
 @import 'sassy-lists';
 @import 'sass-mq/_mq';