Babel不接受选项

Question

webpack.config.js：

module.exports = {
    entry: __dirname + '/src/app.js',
    output: {
        path: __dirname + '/dist',
        filename: 'test.js'
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /(node_modules|bower_components)/,
                use: {
                    loader: 'babel-loader',
                    options: {
                        presets: ['env', {
                            targets: {
                                chrome: 52
                            }
                        }]
                    }
                }
            }
        ]
    }
};

看起来很简单但却抛出错误

  

模块构建失败：ReferenceError：[BABEL] /src/app.js：未知选项：foreign.targets。查看http://babeljs.io/docs/usage/options/以获取有关选项的更多信息。

没有任何意义。错误由＆＃34; env＆＃34;的选项触发。预设。任何关于为什么babel预设突然不接受选项的想法？

Answer 1

想出来。带有选项的预设应该是嵌套数组，因此正确的选项列表应该是这样的：

                options: {
                    presets: [
                        ['env', {
                            targets: {
                                chrome: 52
                            }
                        }]
                    ]
                }