跟着视频学习到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。感觉可能是这里也有问题。
请问要如何解决。如果描述不完整,需要其他信息,烦请留言。
教程上的版本一般都会比较滞后,这是官网的介绍。optimization-minimize
按照教程上的示例敲,最好和它保持一样的版本。毕竟,前端这块的 api 一天一个样。