SyntaxError using spread operator in webpack.config.js

Question

In my webpack.config.js i am importing several JS objects for the configuration from other files. These object are composed using spread operator. Ex. in build.js

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

Then i want to use these objects in the webpack.config.js in this way:

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

When i launch the build script i get a SyntaxError:

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

NOTE: Here follows the .babelrc

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

a--m · Accepted Answer · 2018-12-10T13:15:34.917

1

That depends on the version of node that you are using. For example, using node v6.15.1 (Boron) will return the same error you have, but when running on v8.14.0 (Carbon) it compiles just fine.

Use node

Check that the node version you are using supports the features you need.

The feature you are using object spread properties was added on v8.6.0 (running node without flags).

Use babel

You can transpile your webpack config, this way you can use your current node version and use all the ES6 features you may like.

edited Dec 10 '18 at 13:15

answered Dec 10 '18 at 13:03

a--m

4,716
1
39
59

1

Thank you @a--m! just updated Node to 8.12.0 and it's working fine now. – Salvatore Dibenedetto Dec 10 '18 at 13:16
Great! Keep an eye on what features are supported, since support on `node` is still partial. – a--m Dec 10 '18 at 13:19

score 0 · Answer 2 · edited Aug 23 '20 at 15:49

0

You should add .babelrc file like this below.

Then do install: npm i babel-plugin-transform-object-rest-spread

{
    "presets": ["env", "react"],
    "plugins": ["transform-object-rest-spread"]

}

This is worked for Me, try it!

edited Aug 23 '20 at 15:49

Arghya Sadhu

41,002
9
78
107

answered Aug 23 '20 at 15:30

Karthick S

1
1

SyntaxError using spread operator in webpack.config.js

2 Answers2

Use node

Use babel