javascript - Webpack configures es6 and some syntactic sugars are not recognized.

Question

Using webpack to configure es6, most of the syntax is supported, but... this one cannot be compiled {code...} Has anyone encountered similar problems?

淡淡烟草味 · Answer

First add the corresponding plugin in .babelrc, for example:

{
  "presets": [
    ["es2015", { "modules": false }]
  ],
  "plugins": ["transform-object-rest-spread"]
}

Then install babel-plugin-transform-object-rest-spread via NPM.

滿天的星座 · Answer

Tips, each preset of Babel has different support for new syntax. The es2015 preset only supports the es syntax officially approved in 2015. The details can be viewed here. It is recommended to use env preset.