feat(progressBarPlugin.js): 现在ykit server能够在控制台中显示每次build的时间了。

Author: Ellery0924

lib/plugins/progressBarPlugin.js

@@ -7,10 +7,13 @@ var moment = require('moment');
 module.exports = new ProgressBarPlugin();
 
 function ProgressBarPlugin() {
+    var startTime = null;
+    var endTime = null;
     return new webpack.ProgressPlugin(function (percent, msg) {
         if (percent === 0) {
             spinner.text = 'building...';
             spinner.start();
+            startTime = Date.now();
         }
 
         if (msg) {
@@ -21,8 +24,9 @@ function ProgressBarPlugin() {
                     spinner.render();
                 }
             } else {
+                endTime = Date.now();
                 var dateFormat = 'YY.MM.DD HH:mm:ss';
-                spinner.text = '\x1b[90m' + '[' + moment().format(dateFormat) + '] build complete!' + '\x1b[0m';
+                spinner.text = '\x1b[90m' + '[' + moment().format(dateFormat) + '] build complete in ' + (endTime - startTime) + 'ms.';
                 spinner.stopAndPersist(logSymbols.info);
                 spinner.text = '';
             }

src/plugins/progressBarPlugin.js

@@ -5,22 +5,26 @@ const moment = require('moment');
 module.exports = new ProgressBarPlugin();
 
 function ProgressBarPlugin() {
-    return new webpack.ProgressPlugin(function(percent, msg) {
-        if(percent === 0) {
+    let startTime = null;
+    let endTime = null;
+    return new webpack.ProgressPlugin(function (percent, msg) {
+        if (percent === 0) {
             spinner.text = 'building...';
             spinner.start();
+            startTime = Date.now();
         }
 
-        if(msg) {
-            if(msg !== 'emit') {
+        if (msg) {
+            if (msg !== 'emit') {
                 spinner.text = '[Bundler] ' + msg;
 
-                if(msg.indexOf('optimize') > -1) {
+                if (msg.indexOf('optimize') > -1) {
                     spinner.render();
                 }
             } else {
+                endTime = Date.now();
                 const dateFormat = 'YY.MM.DD HH:mm:ss';
-                spinner.text = '\x1b[90m' + '[' +moment().format(dateFormat) +'] build complete!' + '\x1b[0m';
+                spinner.text = '\x1b[90m' + '[' + moment().format(dateFormat) + '] build complete in ' + (endTime - startTime) + 'ms.';
                 spinner.stopAndPersist(logSymbols.info);
                 spinner.text = '';
             }