如何在 Visual Studio Code 中启用对扩展运算符功能的支持？

Question

我在 Visual Studio Code 1.4.0 中运行 .js 文件

但是当我这样做时

var test = state.selectedStorage.storageItems.map(i => {
          if(i.id != action.payload) return i;
          return {
              ...i,
              qty: i.qty - 1
          }
      });

我在 3 个点下加了一个下划线（预期的属性分配）。当我尝试做 npm start 时，我得到了

 Unexpected token (134:18) 

这是我的 webpack.config.js

module.exports = {
  devtool: 'inline-source-map',
  entry: "./app/index.js",
  output: {
    path: __dirname + '/dist',
    filename: "bundle.js"
  },
  devServer: {
    contentBase: "./app",
    inline: true,
    port: 3333
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: ['es2015', 'react']
        }
      },
      {
        test: /\.scss$/,
        loaders: ['style', 'css', 'sass']
      },
      {
        test: /\.woff($|\?)|\.woff2($|\?)|\.ttf($|\?)|\.eot($|\?)|\.svg($|\?)/,
        loader: 'url-loader'
      }
    ]
  },
   externals: {
    jquery: 'jQuery'
  },
} 

Answer 1

Object rest/spread operator 不是 ES2015 的一部分。但是 babel 使用 required plugin 支持它。

Answer 2

来自 Visual Code Studio 文档页面（在常见问题中，关于 React Native 的问题）：

React Native 示例经常使用实验性的 Object Rest/Spread 运算符。 VS Code 尚不支持此功能。如果您想使用它，建议您禁用内置语法检查（见下文）。

来源：https://code.visualstudio.com/docs/languages/javascript