Vue CLI 使用 Babel 插件打包 ES6 转 ES5

要使用 '@vue/cli-plugin-babel' 插件将 ES6 转换为 ES5，需要按照以下步骤进行操作：

首先，确保已经全局安装了 Vue CLI。如果没有安装，可以使用以下命令进行安装：

npm install -g @vue/cli

创建一个新的 Vue 项目，可以使用以下命令：

vue create my-project

进入项目目录，安装 '@vue/cli-plugin-babel' 插件：

cd my-project
vue add @vue/cli-plugin-babel

安装完成后，可以在项目根目录下找到 'babel.config.js' 文件。打开该文件，将 'presets' 配置项中的 '@vue/cli-plugin-babel/preset' 修改为 '@babel/preset-env'，并添加一个 'targets' 配置项，指定要转换的目标浏览器版本。例如：

module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        targets: {
          browsers: ['> 1%', 'last 2 versions', 'not ie <= 8']
        }
      }
    ]
  ]
}

这里的 'browsers' 参数可以根据你的需求进行调整，具体配置可以参考 Babel 官方文档。

最后，可以使用以下命令进行项目构建：

npm run build

构建完成后，生成的代码将会是转换过的 ES5 代码。

注意：如果使用的是 Vue CLI 3.x 版本， 'babel.config.js' 文件会自动生成，而不是 '.babelrc' 文件。