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/ 了解有关选项的更多信息。

这没有任何意义。错误是由“env”预设的选项触发的。任何想法为什么 babel 预设突然不接受选项？

Answer 1

想通了。预设选项应该在嵌套数组中，所以正确的选项列表应该是这样的：

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