Add webpack static-dev config to use React app without webpack server

gulpfile.js

@@ -73,6 +73,7 @@ sass.compiler = require('sass');
 
 // Load webpack config
 var webpackDev = () => require(options.theme.app + 'webpack.dev.config.js');
+var webpackStaticDev = () => require(options.theme.app + 'webpack.static.dev.config.js');
 var webpackProd = () => require(options.theme.app + 'webpack.prod.config.js');
 var webpackAnalyze = () => require(options.theme.app + 'webpack.analyze.config.js');
 
@@ -178,7 +179,7 @@ gulp.task('scripts:production', gulp.series('clean:js', function js () {
 // Build App.
 gulp.task('app', function() {
     return gulp.src(options.theme.app + 'src/')
-        .pipe(webpackStrm( webpackDev() ))
+        .pipe(webpackStrm( webpackStaticDev() ))
         .pipe(gulp.dest(options.theme.app_dest));
 })
 

hypha/static_src/src/app/webpack.static.dev.config.js

+var webpack = require('webpack')
+var BundleTracker = require('webpack-bundle-tracker')
+
+var config = require('./webpack.base.config.js')
+
+staticDevConfig = config('production')
+
+staticDevConfig.output.path = require('path').resolve('./assets/dist')
+
+staticDevConfig.plugins = staticDevConfig.plugins.concat([
+    new BundleTracker({ filename: './hypha/static_compiled/app/webpack-stats.json' }),
+    new webpack.EnvironmentPlugin({
+        NODE_ENV: 'production',
+        API_BASE_URL: null ,
+    }),
+])
+
+staticDevConfig.optimization = {}
+
+
+/**
+ * A webpack config similar to production, but produces development-oriented webpack-stats file.
+ * This makes it possible to use React application without Webpack Dev Server.
+ */
+module.exports = staticDevConfig