webpack - 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
                            }
                        }]
                    }
                }
            }
        ]
    }
};

看似简单，实则抛出错误

Module build failed: ReferenceError: [BABEL] /src/app.js: Unknown option: foreign.targets. Check out http://babeljs.io/docs/usage/options/ for more information about options.

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

Answer 1

想通了。预设选项应位于嵌套数组中，因此正确的选项列表应如下所示:

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