webpack babel解析三个点语法

Webpack和Babel都可以用于解析三个点语法（object rest/spread syntax）。在Webpack中，你可以使用`babel-loader`来解析三个点语法，而在Babel中，你需要使用`@babel/plugin-proposal-object-rest-spread`插件。下面我将分别介绍这两种方法的实现。

在Webpack中，你需要先安装`babel-loader`和`@babel/preset-env`两个包。`babel-loader`可以让Webpack使用Babel来编译JS文件，`@babel/preset-env`则是一个预设，它可以根据你的配置自动选择要使用的Babel插件和转换器。

安装完成后，在Webpack配置文件中添加以下代码：

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

这将告诉Webpack对所有JS文件使用Babel进行编译，并使用`@babel/preset-env`预设。

在Babel中，你需要安装`@babel/plugin-proposal-object-rest-spread`插件。安装完成后，在Babel配置文件中添加以下代码：

{
  "plugins": [
    "@babel/plugin-proposal-object-rest-spread"
  ]
}

这将启用三个点语法的支持。使用Babel编译JS文件时，它会自动将三个点语法转换为兼容的代码。

总的来说，无论是使用Webpack还是Babel，只要安装好相应的插件和预设，就可以很方便地解析三个点语法了。