vue2 打包 es5 详细操作

打包 Vue2 为 ES5 的详细操作如下：

安装 babel-loader 和 @babel/core

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

安装 @babel/preset-env

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

修改 webpack 配置文件

在 webpack 配置文件中添加 babel-loader 的配置：

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

修改 .babelrc 文件

在根目录下新建 .babelrc 文件，并添加如下配置：

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

修改 package.json 文件

在 package.json 文件中添加 browserslist 字段，指定需要兼容的浏览器：

{
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}

执行打包命令

执行打包命令，即可将 Vue2 打包为 ES5：

npm run build
``