change stats

Author: likun7981

bin/compile.js

@@ -1,16 +1,17 @@
 const debug = require('debug')('app:bin:compile');
 const fs = require('fs-extra');
+const chalk = require('chalk');
 const compiler = require('../build/compiler');
 const env = require('../build/base-config/environment');
 const paths = require('../build/base-config/path');
 const webpackConfig = require('../build/webpack-config');
 
 const startCompile = () => {
-  debug(`Start compile with env '${process.env.NODE_ENV}'`);
+  debug(`Start compile with env '${chalk.green(process.env.NODE_ENV)}'`);
   return Promise.resolve()
     .then(() => compiler(webpackConfig))
     .then((stats) => {
-      if (stats.hasWarnings() && env.isProd) { // eslint-disable-line
+      if (stats.hasWarnings() && env.isProd) {
         throw new Error('Production not allow warnig, exit .');
       }
       debug('Copying static assets to dist folder.');

build/base-config/configs.js

@@ -11,6 +11,12 @@ module.exports = {
     performance: {
       hints: 'error',
       maxEntrypointSize: 1500000
+    },
+    stats: {
+      chunkModules: false,
+      colors: true,
+      chunks: false,
+      children: false
     }
   },
   defaults: {

build/compiler.js

@@ -12,14 +12,14 @@ const webpackCompiler = (webpackConfig) => {
       }
       const jsonStats = stats.toJson();
       if (stats.hasErrors()) {
-        debug('Webpack compiler with some errors.');
+        debug('Webpack compile with some errors.');
         debug(chalk.red(jsonStats.errors.join('\n')));
         return reject(new Error('Webpack compiler with some errors.'));
       } else if (stats.hasWarnings()) {
-        debug('Webpack compiler with some warnings.');
+        debug('Webpack compile with some warnings.');
         debug(chalk.yellow(jsonStats.warnings.join('\n')));
       } else {
-        debug('Webpack compiler no Errors or no Warnings');
+        debug('Webpack compile no Errors or no Warnings');
       }
       return resolve(stats);
     });

build/server.js

@@ -11,21 +11,23 @@ app.use(require('connect-history-api-fallback')());
 // Apply gzip compression
 app.use(require('compression')());
 
-// ------------------------------------
 // Apply Webpack HMR Middleware
-// ------------------------------------
 if (env.isDev) {
   const webpack = require('webpack');
   const webpackConfig = require('./webpack-config');
   const compiler = webpack(webpackConfig);
-  debug('Enable webpack dev and HMR middleware(开启开发环境插件 webpack-dev 和 HRM 中间件)');
+  debug('Apply webpack dev and HMR middleware(开启开发环境插件 webpack-dev 和 HRM 中间件)');
   app.use(require('webpack-dev-middleware')(compiler, {
     publicPath: webpackConfig.output.publicPath,
     contentBase: paths.src(),
     lazy: false,
-    stats: env.config.stats
+    stats: env.config.stats,
+    log: debug
+  }));
+  app.use(require('webpack-hot-middleware')(compiler, {
+    heartbeat: 3000,
+    log: debug
   }));
-  app.use(require('webpack-hot-middleware')(compiler));
 
   app.use(express.static(paths.public()));
 } else {

package.json

@@ -7,12 +7,15 @@
     "start": "better-npm-run start",
     "compile": "better-npm-run compile",
     "lint": "eslint src bin build tests",
+    "lint:fix": "npm run lint -- --fix",
     "start:dist": "better-npm-run start:dist"
   },
   "keywords": [
     "react",
     "redux",
-    "boilerplate"
+    "boilerplate",
+    "starkit",
+    "template"
   ],
   "betterScripts": {
     "start": {
@@ -22,7 +25,7 @@
       }
     },
     "compile": {
-      "command": "npm run lint && node bin/compile",
+      "command": "rimraf dist/* && npm run lint && node bin/compile",
       "env": {
         "DEBUG": "app:*:compile*",
         "NODE_ENV": "production"
@@ -77,6 +80,7 @@
     "postcss-loader": "^1.2.1",
     "redbox-react": "^1.3.3",
     "redux-logger": "^2.7.4",
+    "rimraf": "^2.5.4",
     "style-loader": "^0.13.1",
     "url-loader": "^0.5.7",
     "webpack": "2.2.0-rc.3",

src/main.js

@@ -9,6 +9,7 @@ const store = createStore(initialState);
 
 // some setup
 const MOUNT_NODE = document.getElementById('root');
+
 let render = () => {
   const routes = require('./routes/index').default(store); // !important
   ReactDOM.render(

yarn.lock

@@ -4627,7 +4627,7 @@ right-align@^0.1.1:
   dependencies:
     align-text "^0.1.1"
 
-rimraf@2, rimraf@^2.2.8, rimraf@^2.3.3, rimraf@~2.5.1, rimraf@~2.5.4:
+rimraf@2, rimraf@^2.2.8, rimraf@^2.3.3, rimraf@^2.5.4, rimraf@~2.5.1, rimraf@~2.5.4:
   version "2.5.4"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.5.4.tgz#96800093cbf1a0c86bd95b4625467535c29dfa04"
   dependencies: