猿问

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

跟着视频学习到webpack打包这步,视频说webpack自带压缩工具,UglifyJsPlugin。按照课程内配置了webpack.config.js。如下:
varpath=require('path');
varwebpack=require('webpack');
varUglifyJsPlugin=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:[
newUglifyJsPlugin()
]
}
安装完依赖后,执行webpack,报错如下:
Error:webpack.optimize.UglifyJsPluginhasbeenremoved,pleaseuseconfig.optimization.minimizeinstead.
字面理解就是需要用minimize代替。这里面还有一个问题,就是本项目的webpack版本是4.11.1,但是本地查看webpack-v时是,2.6.1。感觉可能是这里也有问题。
请问要如何解决。如果描述不完整,需要其他信息,烦请留言。
开满天机
浏览 807回答 2
2回答

慕后森

教程上的版本一般都会比较滞后,这是官网的介绍。optimization-minimize按照教程上的示例敲,最好和它保持一样的版本。毕竟,前端这块的api一天一个样。

江户川乱折腾

webpack4已经不支持使用移除webpack.optimize.UglifyJsPlugin压缩配置了,推荐使用optimization.minimize属性替代并安装最新版本插件
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答