以下是最近學習的路線一些資源的整理

首先當然是要先看ES6，有一些會用到ES6的語法，而且看了ES6不練習的話很快會忘的，要時常看看別人怎麼寫的。

然後MDN是比較正統的標準吧，CSDN的話就是一些小的問題或者bug或者ie的相容性的問題可以去看看。

深入淺出ES6

https://github.com/vikingmute/webpack-for-fools

http://webpackdoc.com/

筆記：

一：webpack執行兩種方式
1.webpack打包成靜態檔案webpack --progress --colors顯示進度條和顏色
2.以伺服器的方式打包編譯，啟動webpack-dev-server後，你在目標資料夾中是看不到編譯後的檔案的,實時編譯後的檔案都儲存到了記憶體當中。靜態資源web伺服器
http://localhost:8080/或者http://localhost:8080/webpack-dev-server/

3.nodeJS遵循Commonjs規範

4.webpack loader管道方式，從右向左傳輸，css-loader讀取檔案，style-loader插入到頁面中

二：webpack構建本地伺服器
1.修改webpack.config.js,輸入devServer配置項,具體看這個配置https://segmentfault.com/a/1190000006178770
2.全域性安裝webpack-dev-server，然後專案內安裝webpack-dev-server。
3.執行webpack-dev-server