九. 解析 ES6 语法

在项目中, 有时我们可能会使用 ES6 的语法, 而这些内容在低版本的浏览器上是不支持的. 往往不能正常解析.

一般, 我们会使用 babel 将 ES6 编译成 ES5 的语法.

babel 的内容是非常丰富的. 我们这里只是演示一些最基本的配置和用法

官方网址(中文) (opens new window)

演示

安装 babel-loader

npm install -D babel-loader @babel/core

配置 webpack

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

安装 env preset 工具

npm install @babel/preset-env -D

创建.babelrc 配置文件

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

#