webpack打包进行丑化压缩遇到(TypeError Cannot read property 'compilation' of undefined)问题
今天再重新配置老项目node打包环境的时候遇到了一个问题。
在打包的时候报:
TypeError: Cannot read property 'compilation' of undefined 错误。
(这里需要强调一下,安装环境的使用一定要-save-dev或者是-save,否则欲哭无泪啊)
很明显,这是node一些包的版本对应不上的问题。。。
1、首先定位到uglifyjs-webpack-plugin中的index.js文件中,将项目中的该包升级或者降级到1.0.0版本
npm i uglifyjs-webpack-plugin@1.0.0 --save
2、然后定位到optimize-css-assets-webpack-plugin\node_modules\last-call-webpack-plugin\src\index.js文件报错
将项目中的该包(optimize-css-assets-webpack-plugin)升级或者降级到2.0.0版本
npm i optimize-css-assets-webpack-plugin@2 --save
3、这个时候报缺少"cssnano"包,直接安装上即可(到这一步就成功了)
4、最后附上丑化压缩配置
// CSS压缩丑化
const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin');
// JavaScript压缩丑化
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
new UglifyJsPlugin({
uglifyOptions: {
compress: {
warnings: false,
drop_debugger: true,
drop_console: true
}
},
sourceMap: true,
parallel: true
}),
new OptimizeCSSPlugin({
cssProcessorOptions: {
safe: true,
map: {
inline: false
}
}
})