javascript - 如何确认是否使用了 ES6(ReactJS + Redux)

Question

我有以下设置:

我正在尝试执行以下操作:

case 'UPDATE_PASSWORD':
  return {
    ...state, //preserve current state, apply changes to it below
    password: action.password,
  }; 

但我得到:

“...”开始处的意外标记 (5:8)

可能是什么问题？如何检查我是否使用 ES6？

Answer 1

这是一项提议的 ECMAScript 功能(对象传播)，可以通过将 stage-0 添加到您的 babel 预设中来启用:

npm install --save-dev babel-preset-stage-0

然后，在您的 .babelrc 或您的 webpack.config.js 查询中，将预设添加到您的 babel 设置中。示例 .babelrc:

{
    "presets": [
        "es2015",
        "react",
        "stage-0"
    ]
}

或者，如果您使用 webpack babel-loader 查询字符串:

{
    test: /\.jsx?$/,
    loader: 'babel-loader',
    exclude: /node_modules/,
    query: {
        presets: ['es2015', 'react', 'stage-0']
    }
}

编辑

Babel 预设是许多转换的集合。根据 zerkms 的建议，您可以使用 stage-2，它不包括/转译您此时可能不会使用的许多其他功能。如果您真的只是想让对象传播工作，您也可以只安装transform object rest spread。 .