update webpack4

.babelrc

@@ -1,24 +1,14 @@
 {
   "presets": [
-    ["es2015", { "modules": false }],
-    "stage-0",
-    "react",
-    "airbnb"
+    "env",
+    "react",    
+    "stage-0"
   ],
   "plugins": [
     "transform-runtime",
     "transform-decorators-legacy",
     "transform-class-properties",
     "transform-object-rest-spread",
     "react-hot-loader/babel"
-  ],
-  "env": {
-    "test": {
-      "plugins": [
-        "transform-decorators-legacy",
-        "transform-object-rest-spread",
-        "istanbul"
-      ]
-    }
-  }
-}
+  ]
+}

.eslintrc

@@ -5,6 +5,9 @@
     "node": true,
     "mocha": true
   },
+  "globals": {
+    "ENV": false
+  },
   "extends": "airbnb",
   "rules": {
     "linebreak-style": 0,
@@ -21,16 +24,45 @@
     "react/sort-comp": 0,
     "indent": 0,
     "quotes": 0,
-    "comma-dangle": ["off"],
-    "no-unused-vars": ["warn"],
-    "object-curly-spacing": ["off"],
-    "padded-blocks": ["off"],
-    "react/jsx-closing-bracket-location": ["off"],
-    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
-    "react/jsx-space-before-closing": ["off"],
-    "react/prefer-stateless-function": ["off"],
-    "no-underscore-dangle": [ "error", { "allowAfterThis": true }],
-    "import/no-unresolved": ["error", {
+    "comma-dangle": [
+      "off"
+    ],
+    "no-unused-vars": [
+      "warn"
+    ],
+    "object-curly-spacing": [
+      "off"
+    ],
+    "padded-blocks": [
+      "off"
+    ],
+    "react/jsx-closing-bracket-location": [
+      "off"
+    ],
+    "react/jsx-filename-extension": [
+      1,
+      {
+        "extensions": [
+          ".js",
+          ".jsx"
+        ]
+      }
+    ],
+    "react/jsx-space-before-closing": [
+      "off"
+    ],
+    "react/prefer-stateless-function": [
+      "off"
+    ],
+    "no-underscore-dangle": [
+      "error",
+      {
+        "allowAfterThis": true
+      }
+    ],
+    "import/no-unresolved": [
+      "error",
+      {
         "ignore": [
           "components/",
           "config/",
@@ -41,9 +73,12 @@
           "theme/",
           "utils/"
         ]
-    }],
-    "import/no-extraneous-dependencies": ["off"],
+      }
+    ],
+    "import/no-extraneous-dependencies": [
+      "off"
+    ],
     "import/extensions": "off",
     "global-require": "off"
   }
-}
+}

README.md

@@ -1,22 +1,22 @@
 # Simple React Start Kit 2017
 
-這個環境包可以讓你快速體驗 ReactJS 開發環境的便利，我們並沒有在裏面放入太多套件(例如 redux, karma)，希望可以讓你用最簡單的環境開始學習 React
+這個環境包可以讓你快速體驗 ReactJS 開發環境的便利，我們並沒有在裏面放入額外的套件(例如 redux, karma)，希望可以讓你用最簡單的環境開始學習 React
 
 ## 特色
 
 * [react 16](https://github.com/facebook/react)
 * [react-router 4](https://reacttraining.com/react-router/web/example/basic)
-* [webpack 3](https://github.com/webpack/webpack)
-* [babel stage-0](https://github.com/babel/babel)
+* [webpack 4](https://github.com/webpack/webpack)
+* [babel 6](https://github.com/babel/babel)
 * [eslint](http://eslint.org)
 
 ## 需求配置
-* node `^4.5.0`
-* npm `^3.0.0`
+* node `^6.11.5`
+* npm `^3.10.10`
 
 ## 開始
 
-先確定好安裝了 node 4.5 以上的版本，接著就可以輸入以下指令
+先確定好安裝了 node 6.11.5 以上的版本，接著就可以輸入以下指令
 
 ```bash
 $ git clone https://github.com/ReactMaker/simple_react_start_kit_2017
@@ -27,7 +27,7 @@ $ npm start                     # Compile and launch
 
 如果一切成功，就會看到以下畫面，並且瀏覽器會打開的範例頁面
 
-![Imgur](http://i.imgur.com/14aROBn.png)
+![Imgur](https://i.imgur.com/MLcE6SO.png)
 
 開發當中最常用到的是 `npm start` 指令，我們還有一些其他的指令要介紹給你知道