Webpack 巴贝尔不接受任何选择

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。有关选项的更多信息，请查看

---

那没有任何意义。“环境”预设选项会触发错误。你知道为什么巴贝尔预设突然不接受选项吗？

明白了。带有选项的预设应位于嵌套数组中，因此正确的选项列表应如下所示：

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