webpack - 未知属性 'optimization'

Question

我尝试将 uglify 与 webpack 一起使用，但出现此错误:

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration has an unknown property 'optimization'. These properties are valid:
   object { amd?, bail?, cache?, context?, dependencies?, devServer?, devtool?, entry, externals?, loader?, module?, name?, node?, output?, performance?, plugins?, profile?, recordsInputPath?, recordsOutputPath?, recordsPath?, resolve?, resolveLoader?, stats?, target?, watch?, watchOptions? }

我有

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

和

optimization: {
        minimizer: [new UglifyJsPlugin()]
    }

在我的 webpack.config.js 中，看起来 webpack 无法识别“优化”？

Answer 1

也许您使用的是旧的 webpack 版本(3？)，并且您可能需要将插件实例放入 plugin 属性中:

module.exports = {
    ...
    plugins: [new UglifyJSPlugin()]
};

始终尝试查找与您正在使用的版本匹配的文档或将 webpack 更新到较新的版本。当前版本为4.19.0(2018-09-17)。