// 在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"] } */

轉載于:https://www.cnblogs.com/liuliang389897172/p/9983666.html

總結

以上是生活随笔為你收集整理的webpack 转换 ES6高级语法 bable插件 module rules的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。