webpack 轉換 ES6高級語法 bable插件 module rules

// 在webpack中只能處理一部分es6語法 一些高級的ES6或者ES7 webpack處理不了 藉助第三方loader處理 會將結果打包到main.js

// loader 經過Bable能夠轉換

// webpack中運行 以下兩套命令 去安裝bable功能

// 1，cnpm i babel-core babel-loader babel-plugin-transform-runtime -D

// 2, cnpm i babel-preset-env babel-preset-stage-0 -D

/* 2, 打開webpack 配置文件 ，在module節點下的rules數組中 添加一個新的匹配規則：

{test:/\.js$/,use:'babel-loader',exclude:/node_modules/}

在配置bable屬性規則時候 必須把node_modules經過exclude排除調（不排除的話 會把文件夾中全部js文件都打包編譯 沒法正常運行）

3,在項目的根目錄中 新建一個.babelrc 的babel配置文件 屬於json 字符串必須使用雙引號

在babelrc寫以下設置

*/

/* {

"presets":["env","stage-0"],

"plugins":["transform-runtime"]

} */