javascript - webpack配置es6有些語法糖不辨識問題

Question

使用webpack配置es6，大部語法都是支援的，但是...這個卻通過不了編譯

{
            test: /\.js$/,
            exclude: /node_modules/, 
            loader: 'babel-loader',
            options: {
                presets:['es2015','react']
            }
        },

#有遇到類似問題的嗎？

Answer 1

首先在 .babelrc 中加入對應 plugin，例如：

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

然後 NPM 安裝 babel-plugin-transform-object-rest-spread 即可。

Answer 2

題主，babel的每一種preset對於新語法的支援程度都不一樣的，es2015 preset只支援在2015年正式批准的es語法。具體的可以在這裡查看，建議使用env preset。