我的位置:首页 > 前端开发>Javascript

webpack打包进行丑化压缩遇到(TypeError Cannot read property 'compilation' of undefined)问题

时间:2020-02-07 14:57:00 来源:互联网 作者: 神秘的大神 字体:

今天再重新配置老项目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
                }
            }
        }),

站在巨人的肩膀上摘苹果:

原文:https://blog.csdn.net/u011169370/article/details/83346176