chore: Update build system

Author: rstoenescu

build/script.dev.js

@@ -1,24 +1,35 @@
-process.env.NODE_ENV = 'development'
+if (!process.env.NODE_ENV) {
+  process.env.NODE_ENV = 'development'
+}
+
+require('colors')
 
 var
   path = require('path'),
   express = require('express'),
   webpack = require('webpack'),
-  webpackConfig = require('./webpack.config'),
   env = require('./env-utils'),
-  app = express(),
   opn = require('opn'),
+  webpackConfig = require('./webpack.config'),
+  app = express(),
   port = process.env.PORT || 8080,
-  compiler = webpack(webpackConfig),
-  devMiddleware = require('webpack-dev-middleware')(compiler, {
-    publicPath: webpackConfig.output.publicPath,
-    stats: {
-      colors: true,
-      chunks: false
-    }
-  }),
-  hotMiddleware = require('webpack-hot-middleware')(compiler)
+  uri = 'http://localhost:' + port
+
+console.log(' Starting dev server with "' + (process.argv[2] || 'mat').bold + '" theme...')
+console.log(' Will listen at ' + uri.bold)
+console.log(' Browser will open when build is ready.\n')
 
+var compiler = webpack(webpackConfig)
+
+var devMiddleware = require('webpack-dev-middleware')(compiler, {
+  publicPath: webpackConfig.output.publicPath,
+  stats: {
+    colors: true,
+    chunks: false
+  }
+})
+
+var hotMiddleware = require('webpack-hot-middleware')(compiler)
 // force page reload when html-webpack-plugin template changes
 compiler.plugin('compilation', function (compilation) {
   compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
@@ -39,7 +50,7 @@ app.use(hotMiddleware)
 
 // serve pure static assets
 var staticsPath = path.posix.join(webpackConfig.output.publicPath, 'statics/')
-app.use(staticsPath, express.static('./dev/statics'))
+app.use(staticsPath, express.static('./src/statics'))
 
 // try to serve Cordova statics for Play App
 app.use(express.static(env.platform.cordovaAssets))
@@ -49,12 +60,6 @@ module.exports = app.listen(port, function (err) {
     console.log(err)
     return
   }
-  var uri = 'http://localhost:' + port
-
-  console.log('Developing with "' + env.platform.theme + '" theme')
-  console.log('Listening at ' + uri + '\n')
-  console.log('Building. Please wait...')
-  console.log('Browser will open momentarily.\n')
 
   devMiddleware.waitUntilValid(function () {
     opn(uri)

build/webpack.config.js

@@ -4,6 +4,7 @@ var
   cssUtils = require('./css-utils'),
   env = require('./env-utils'),
   HtmlWebpackPlugin = require('html-webpack-plugin'),
+  ProgressBarPlugin = require('progress-bar-webpack-plugin'),
   projectRoot = path.resolve(__dirname, '../'),
   entry = ['./build/hot-reload', './dev/main.js'],
   merge = require('webpack-merge')
@@ -107,6 +108,9 @@ module.exports = {
         },
         postcss: cssUtils.postcss
       }
+    }),
+    new ProgressBarPlugin({
+      format: ' [:bar] ' + ':percent'.bold + ' (:msg)'
     })
   ]
 }

package.json

@@ -71,6 +71,7 @@
     "moment": "^2.15.1",
     "opn": "^4.0.2",
     "postcss-loader": "^1.0.0",
+    "progress-bar-webpack-plugin": "^1.9.0",
     "raw-loader": "^0.5.1",
     "roboto-fontface": "^0.6.0",
     "rollup": "^0.36.1",