正确设置扩展运算符的 babel 插件

Posted 2023-02-22

【中文标题】正确设置扩展运算符的 babel 插件

【英文标题】：setting up the babel plugin for spread operator correctly

【发布时间】：2018-12-16 04:45:11

【问题描述】：

尝试在我的项目中使用 babel-plugin-transform-es2015-spread。已安装模块。

npm install --save-dev babel-plugin-transform-es2015-spread

.babelrc 的样子。

    "presets": [
      ["env", 
        "include": ["babel-plugin-transform-es2015-spread"]
      ]
    ]
  

在我的 main.js 中注册 babel

// babel
require('babel-core/register')
require('babel-polyfill')

但是下面的代码 sn-p 仍然会抛出 (Unexpected token) 错误

  return 
    ...state,
    hoverTrend: action.trend,
  

【参考方案1】：

插件babel-plugin-transform-object-rest-spread 对我来说似乎工作正常。所以基本上先安装吧，

npm install --save-dev babel-plugin-transform-object-rest-spread

然后添加到.babelrc

    "plugins": ["transform-object-rest-spread"],
    "presets": [
        "env"
    ]