如何通过webpack将ES6代码转换为ES5版本？

本文共计638个文字，预计阅读时间需要3分钟。

使用 Babel，请访问 Babel 官网，按照教程安装 Babel。首先，安装 npm，然后运行 `npm install --save-dev babel-loader @babel/core @babel/preset-env`。配置 rules，添加 `{ test: /\.js$/, exclude: /node_modules/, loader: babel-loader }` 至 .babelrc 文件。

babel使用

打开babel官网，按教程安装babel

安装

npm install --save-dev babel-loader @babel/core @babel/preset-env

配置rules

module: { rules: [ { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" } ] }

生成 .babelrc文件

{ "presets": ["@babel/preset-env"] }

此时webpack已经能正确的将高版本的js语法转为低版本的语法，但是对于新增的api并不会转化，如promise。