webpack只能處理部分es6新語法，更高階的語法需要安裝第三方loader
通過 babel ，可幫我們將高階的語法轉為低階的語法
1.1第一套包： cnpm i babel-core babel-loader@7 babel-plugin-transform-runtime -d
1.2第二套包: cnpm i babel-preset-env babel-preset-stage-0 -d
2.在webpack.config.js的module節點下，rules陣列中，配置新匹配規則：
2.1
2.2 注意在配置 babel 的loader規則的時候，必須把 node_modules 目錄，通過 exclude排除掉，原因有兩個：
(1)如果不排除掉node_modules ，babel 會把node_modules中所有的js檔案都打包編譯，打包速度非常慢，會非常消耗cpu
(2)就算node_modules中所有的js檔案都打包編譯完畢，專案也無法正常執行
3.在專案的 根目錄 中，新建.babelrc 的配置檔案，這個檔案屬於json格式，所以在配置.babelrc時，必須符合json規範：不能寫注釋，字串必須用雙引號
3.1 在.babelrc寫如下的配置：
babel轉碼器 es6新語法轉es5語法
babel轉碼器是不知道某個技術大牛研究出來的，供我們這些技術小白使用的，將es6,es7新語法轉換為es5供其他開發平台解析 在使用 babel 之前 我們先檢測一下當前 node 對 es6 的支援情況。在命令列下執行以下命令安裝 es checker npm install g es chec...
JS高階（8）ES6新增語法
1.1.let生命的變數旨在所處於的塊級有效舉個例子 if true console.log a a is not defined1.2.不存在變數提公升舉個例子 console.log a a is not defined let a 101.3.暫時性死區 利用let宣告的變數會繫結在這個塊級作...
配置babel loader處理JSX語法
在webpack中，jsx語法是不被webpack識別的，webpack預設只能處理.js字尾名的檔案，需要安裝第三方loader處理非js檔案。而jsx語法，可以使用babel loader處理。一開始參照官網配置，但是報錯資訊顯示還是不能識別jsx語法，錯誤配置是這樣的 npm install ...