ES6+转es5打包文件格式

1. 安装依赖

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

2. 配置

0. 创建或者编辑 .babelrc 文件

{
  "presets": [
    ["@babel/preset-env", {
      "targets": {
//指定目标浏览器，这里设置为支持最近两个版本的浏览器和 IE11 及以上版本。这意味着 Babel 会根据这些目标浏览器的支持情况，选择性地转换和添加必要polyfill
        "browsers": ["last 2 versions", "ie >= 11"]
      }
    }]
  ],
  "plugins": [
    // 安装@babel/preset-env 中已经包含了  @babel/plugin-transform-spread 所以不需要额外安装，
    // @babel/plugin-transform-spread 是 Babel 的一个插件，用于转换 JavaScript 中的扩展运算符（spread operator），即 ... 符号的使用。
    "@babel/plugin-transform-spread" 
  ]
}

3. 打包

0. 执行 npm run build 查看文件是否为es5文件格式

查看打包的js文件中是否存在let const ... 等es6+格式数据全局搜索或者文件内容搜索