动态对象键不适用于 grunt babel答案

【问题标题】：Dynamic object keys don't work with grunt babel动态对象键不适用于 grunt babel
【发布时间】：2018-10-12 00:21:58
【问题描述】：

我正在使用这些模块

"devDependencies": {
    "@babel/core": "^7.0.0-beta.46",
    "@babel/preset-env": "^7.0.0-beta.46",
    "chai": "^4.1.2",
    "chai-http": "^4.0.0",
    "grunt": "^1.0.2",
    "grunt-babel": "^8.0.0-beta.0",
    "grunt-cli": "^1.2.0",
    "mocha": "^5.1.1"
}

我的咕噜声文件

// Configure
grunt.initConfig({
    babel: {
        options: {
            presets: ['@babel/preset-env']
        },
        dist: {
            files: {
                'lib/helper.js': 'src/helper.js',
                'lib/servekaro.js': 'src/servekaro.js'
            }
        }
    }
})

// Load babel tasks
grunt.loadNpmTasks('grunt-babel')

// Default
grunt.registerTask('default', ['babel'])

这是我得到的错误

Warning: src/helper.js: Unexpected token, expected ";" (46:38)

  44 |         .filter(([key, value]) => keys.includes(key))
  45 |         // Map arrays to object entry
> 46 |         .map(([key, value]) => { [key]: val })
     |                                       ^
  47 |         // Reduce object entries into single object
  48 |         .reduce((obj, entry) => Object.assign(obj, entry), {})
  49 | } Use --force to continue.

帮助？

【问题讨论】：

标签： node.js ecmascript-6 gruntjs babeljs grunt-babel

【解决方案1】：

这是一个真正的语法错误。你应该改变

.map(([key, value]) => { [key]: val })

到

.map(([key, value]) => ({ [key]: val }))

包裹的括号使函数的主体解析为表达式，从而解析为对象字面量。

当箭头函数的主体以{ 开头时，这意味着函数主体是语句列表，而不是对象。从{ 开始，您可以这样做

.map(([key, value]) => { 
  return { [key]: val };
})

【讨论】：

...天哪！太感谢了！我从来没想过！