update

Author: iSpring

tutorials/webpack-dev-server/package.json

@@ -4,7 +4,8 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "start": "webpack-dev-server --content-base buildOutput --port=3344 --colors --inline --hot --open"
+    "start1": "webpack-dev-server --config webpack.config1.js",
+    "start2": "webpack-dev-server --config webpack.config2.js --content-base buildOutput --port=3344 --colors --inline --hot --open"
   },
   "author": "",
   "license": "ISC",

tutorials/webpack-dev-server/src/Logger.js

@@ -0,0 +1,6 @@
+module.exports = {
+    log: function(msg){
+        console.log(msg);
+        // console.warn(msg);
+    }
+};

tutorials/webpack-dev-server/src/index.css

@@ -1,3 +1,3 @@
 body{
-    color: blue;
+    color: green;
 }

tutorials/webpack-dev-server/src/index.js

@@ -1,5 +1,23 @@
 import "./index.css";
+import Logger from "./Logger";
 
 var div = document.createElement("div");
 div.textContent = "Babel + Webpack + React + Redux";
-document.body.appendChild(div);
+document.body.appendChild(div);
+
+var timer = -1;
+
+function log(TheLogger){
+    timer = setInterval(function(){
+        TheLogger.log(new Date());
+    }, 1000);
+}
+
+log(Logger);
+
+// if(module.hot){
+//     module.hot.accept('Logger', () => {
+//         var NextLogger = require('/Logger');
+//         log(NextLogger);
+//     });
+// }

tutorials/webpack-dev-server/webpack.config.js renamed to tutorials/webpack-dev-server/webpack.config1.js

@@ -23,19 +23,19 @@ module.exports = {
   },
 
   plugins: [
-    new HtmlWebpackPlugin()
-    // new webpack.HotModuleReplacementPlugin()
-  ]
+    new HtmlWebpackPlugin(),
+    new webpack.HotModuleReplacementPlugin()
+  ],
 
   //webpack-dev-server --content-base buildOutput --port=3344 --colors --inline --hot --open
-  // devServer: {
-  //   contentBase: './buildOutput',
-  //   port: '3344',
-  //   stats: {
-  //     colors: true
-  //   },
-  //   inline: true,
-  //   hot: true,
-  //   open: true
-  // }
+  devServer: {
+    contentBase: './buildOutput',
+    port: '3344',
+    stats: {
+      colors: true
+    },
+    inline: true,
+    hot: true,
+    open: true
+  }
 };

tutorials/webpack-dev-server/webpack.config2.js

@@ -0,0 +1,28 @@
+var path = require("path");
+
+var webpack = require('webpack');
+
+var HtmlWebpackPlugin = require('html-webpack-plugin');
+
+module.exports = {
+  entry: path.join(__dirname, "./src/index.js"),
+
+  output: {
+    path: path.join(__dirname, "buildOutput"),
+    filename: "bundle.js"
+  },
+
+  module: {
+    loaders: [{
+      test: /\.js$/,
+      loader: 'babel'
+    }, {
+      test: /\.css$/,
+      loader: 'style!css'
+    }]
+  },
+
+  plugins: [
+    new HtmlWebpackPlugin()
+  ]
+};