《前端》使用webpack+vue从零开始打造前端项目(2020最新版)八--解析ES6工具--bilibili-2021年2月9日

Babel 官网：https://www.babeljs.cn/

webpack：https://www.babeljs.cn/setup#installation

一、使用Babel

安装：npm install --save-dev babel-loader @babel/core

配置：

{
  module: {
    rules: [
      {
        test: /\.m?js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader",
          options: {
            presets: ['@babel/preset-env']
          }
        }
      }
    ]
  }
}

安装：npm install @babel/preset-env --save-dev

配置：

在根目录下创建 .babelrc文件，作如下配置：

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

二、测试

在main.js中添加

const arr =[1,2,3].map(item=>item+1)

console.log(arr)