feat(server): add live reload

Author: yuhaoju

package.json

@@ -13,6 +13,7 @@
   "dependencies": {
     "colors": "^1.1.2",
     "connect": "^3.4.1",
+    "connect-livereload": "^0.5.4",
     "css-loader": "^0.23.1",
     "eslint": "^3.0.0",
     "extend": "^3.0.0",
@@ -26,6 +27,7 @@
     "left-pad": "^1.1.0",
     "less": "^2.7.1",
     "less-loader": "^2.2.3",
+    "livereload": "^0.4.1",
     "loader-utils": "^0.2.15",
     "moment": "^2.14.1",
     "optimist": "^0.6.1",

src/commands/server.js

@@ -5,21 +5,23 @@ let connect = require('connect'),
     serveStatic = require('serve-static'),
     serveIndex = require('serve-index'),
     moment = require('moment'),
+    livereload = require('livereload'),
+    connectLivereload = require('connect-livereload'),
     webpackDevMiddleware = require("webpack-dev-middleware");
 
 let Manager = require('../modules/manager.js');
 
 exports.usage = "开发服务";
 
 exports.setOptions = (optimist) => {
-    optimist.alias('h', 'hot');
-    optimist.describe('h', '热加载');
     optimist.alias('s', 'https');
     optimist.describe('s', '使用https协议');
     optimist.alias('p', 'port');
     optimist.describe('p', '端口');
     optimist.alias('m', 'middlewares');
     optimist.describe('m', '加载项目中间件');
+    optimist.alias('l', 'livereload');
+    optimist.describe('l', '实时自动刷新');
 };
 
 exports.run = (options) => {
@@ -28,6 +30,7 @@ exports.run = (options) => {
         hot = options.h || options.hot,
         middlewares = options.m || options.middlewares,
         https = options.s || options.https,
+        enableLivereload = options.l || options.livereload,
         port = options.p || options.port || 80;
 
     let middlewareCache = {};
@@ -109,10 +112,7 @@ exports.run = (options) => {
                 });
                 if (project.check()) {
                     let compiler = project.getCompiler();
-                    middleware = middlewareCache[projectName] = webpackDevMiddleware(compiler, {
-                        noInfo: true
-                        // hot: hot TODO
-                    });
+                    middleware = middlewareCache[projectName] = webpackDevMiddleware(compiler, {noInfo: true});
                 } else {
                     next();
                     return;
@@ -125,13 +125,19 @@ exports.run = (options) => {
         }
     });
 
+    if(enableLivereload){
+        livereload.createServer().watch(cwd);
+        app.use(connectLivereload({port: 35729}));
+    }
+
     app.use(serveStatic(cwd, {
         redirect: false,
         index: false
     }));
 
     app.use(serveIndex(cwd));
 
-    http.createServer(app).listen(port);
-    info('Listening on port ' + port)
+    http.createServer(app).listen(port, () => {
+        info('Listening on port ' + port);
+    });
 };