vue.config.js配置bable转换es6的扩展运算符语法

在 Vue CLI 中，`vue.config.js` 文件是用来配置构建过程中的全局选项的，其中包括 Babel 转换器的配置。如果你想让 Babel 在构建时转换 ES6 的扩展运算符语法（...），你需要添加 `@babel/plugin-proposal-object-rest-spread` 这个插件到你的配置中。

以下是一个简单的示例，展示了如何在 `vue.config.js` 中添加这个插件：

module.exports = {
  transpileDependencies: ['**/*'], // 如果你想转换依赖库中的扩展运算符，可以加上这行

  chainWebpack: (config) => {
    config.module
      .rule('babel')
        .test(/\.js$/)
        .use('babel-loader') // 确保你已经安装了 'babel-loader'
          .loader('babel-loader') // 或者你可以使用 'babel-loader' 或者 'babel' 的别名
          .options({
            plugins: [
              '@babel/plugin-proposal-object-rest-spread', // 添加扩展运算符插件
              // 其他 babel 插件...
            ]
          });
  }
};

在这个配置里，`chainWebpack` 部分是针对webpack的配置，`test` 匹配所有.js文件，然后添加了一个 `babel-loader` 并设置了其插件选项，确保扩展运算符能够被转换。