javascript - 在 webpack.config.js 中使用扩展运算符的语法错误

Question

在我的 webpack.config.js 中，我从其他文件导入几个 JS 对象进行配置。 这些对象是使用扩展运算符组成的。 前任。在 build.js 中

const otherObj = { a:[], b: [] }
const conf = {
  prop1: [],
  ...otherObj
}

然后我想以这种方式在 webpack.config.js 中使用这些对象:

const { prop1, a, b } = require('./build.js');
module.exports = {
    entry: { prop1, a, b },
    rules: [
      {
        test: jsRegex,
        exclude: /node_modules/,
        use: ["babel-loader"]
      },
    ]
}

当我启动构建脚本时，我得到一个语法错误:

    ...otherObj,
^^^
SyntaxError: Unexpected token ...

注意:下面是 .babelrc

    {
    "presets": [
        "@babel/preset-env"
    ],
    "plugins": [
        "@babel/syntax-object-rest-spread"
    ] 
}

Answer 1

这取决于您使用的 node 版本。例如，使用 Node v6.15.1 (Boron) 将返回相同的错误，但在 v8.14.0 (Carbon) 上运行时它编译得很好。

使用 Node

检查您使用的 Node 版本是否支持您需要的功能。

您正在使用的功能 object spread properties已添加到 v8.6.0(不带标志的运行 Node )。

使用巴别塔

您可以 transpile your webpack config ，这样您就可以使用当前的 Node 版本并使用您可能喜欢的所有 ES6 功能。