Fail stencil bundle on Webpack compile errors

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ## Draft
 - Resolve add to cart modal mobile isssue. [#1450](https://github.com/bigcommerce/cornerstone/pull/1450)
+- Fail stencil bundle on Webpack compile errors [#1457](https://github.com/bigcommerce/cornerstone/pull/1457)
 
 ## 3.2.1 (2019-02-15)
 - Added package-lock.json. [#1441](https://github.com/bigcommerce/cornerstone/pull/1441)

stencil.conf.js

@@ -27,11 +27,19 @@ function development() {
     var devConfig = require('./webpack.dev.js');
 
     // Rebuild the bundle once at bootup
-    webpack(devConfig).watch({}, err => {
+    webpack(devConfig).watch({}, (err, stats) => {
         if (err) {
             console.error(err.message, err.details);
         }
 
+        if (stats.hasErrors()) {
+            console.error(stats.toString({ all: false, errors: true, colors: true }));
+        }
+
+        if (stats.hasWarnings()) {
+            console.error(stats.toString({ all: false, warnings: true, colors: true }));
+        }
+
         process.send('reload');
     });
 }
@@ -42,13 +50,23 @@ function development() {
 function production() {
     var prodConfig = require('./webpack.prod.js');
 
-    webpack(prodConfig).run(err => {
+    webpack(prodConfig).run((err, stats) => {
         if (err) {
             console.error(err.message, err.details);
             process.exit(1);
             return;
         }
 
+        if (stats.hasErrors()) {
+            console.error(stats.toString({ all: false, errors: true, colors: true }));
+            process.exit(1);
+            return;
+        }
+
+        if (stats.hasWarnings()) {
+            console.error(stats.toString({ all: false, warnings: true, colors: true }));
+        }
+
         process.send('done');
     });
 }

webpack.common.js

@@ -43,8 +43,8 @@ module.exports = {
     },
     performance: {
         hints: 'warning',
-        maxAssetSize: 1024 * 150,
-        maxEntrypointSize: 1024 * 150,
+        maxAssetSize: 1024 * 300,
+        maxEntrypointSize: 1024 * 300,
     },
     plugins: [
         new CleanPlugin(['assets/dist'], {

webpack.dev.js

@@ -5,4 +5,7 @@ const webpack = require('webpack'),
 module.exports = merge(commonConfig, {
     devtool: 'inline-source-map',
     mode: 'development',
+    performance: {
+        hints: false,
+    },
 });