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

标签 javascript webpack ecmascript-6 visual-studio-code spread-syntax

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

但是当我这样做的时候

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'
  },
} 

最佳答案

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

关于javascript - 如何在 Visual Studio Code 中启用对扩展运算符功能的支持?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38925448/

相关文章:

css - 使用 Webpack 在 React 中构建 CSS 文件

javascript - webpack 和两个不同的来源网站

angular - angular2 的 webpack 生产无法使用 URL 进行导航

javascript - ES6 : Bad character escape sequence creating ASCII string

javascript - 如何组合两个键名称不同但对应值相同的对象数组?

javascript - 如何将参数传递给ajax回调函数

javascript - 流提示 reducer 中的 Action 联合类型

javascript - bxSlider 无法与 Knockoutjs 正常工作

javascript - 如何合并具有空字符串值的对象?

javascript - 制作默认DIV(JS代码)