webpack压缩文件时,UglifyJsPlugin不能正常使用

跟着视频学习到webpack打包这步,视频说webpack自带压缩工具,UglifyJsPlugin。按照课程内配置了webpack.config.js。如下:

var path = require('path');
var webpack = require('webpack');
var UglifyJsPlugin = webpack.optimize.UglifyJsPlugin;
module.exports = {
    entry:'./src/js/index.js',
    output:{
        filename:'bundle.js',
        path:path.resolve(__dirname,'./dist')
    },
    module:{
        rules:[{
            test:/\.css$/,
            use:['style-loader','css-loader']
        }]
    },
    plugins:[
        new UglifyJsPlugin()
    ]
}

安装完依赖后,执行webpack,报错如下:

Error: webpack.optimize.UglifyJsPlugin has been removed, please use config.optimization.minimize instead.

字面理解就是需要用minimize代替。
这里面还有一个问题,就是本项目的webpack版本是4.11.1,但是本地查看webpack -v 时是,2.6.1。感觉可能是这里也有问题。

请问要如何解决。如果描述不完整,需要其他信息,烦请留言。

阅读 15.9k
2 个回答

教程上的版本一般都会比较滞后,这是官网的介绍。optimization-minimize

按照教程上的示例敲,最好和它保持一样的版本。毕竟,前端这块的 api 一天一个样。

webpack4已经不支持使用移除 webpack.optimize.UglifyJsPlugin 压缩配置了, 推荐使用 optimization.minimize 属性替代 并安装最新版本插件

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进