使用Gulp驱动webpack打包进行丑化压缩遇到（TypeError: Cannot read property 'compilation' of undefined）问题

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

2018年10月24日 16:44:11 春卷大叔 阅读数：107更多

个人分类： Node前端

今天再重新配置老项目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、最后附上丑化压缩配置

1. // CSS压缩丑化

2. const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin');

3. // JavaScript压缩丑化

4. const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

1. new UglifyJsPlugin({

2. uglifyOptions: {

3. compress: {

4. warnings: false,

5. drop_debugger: true,

6. drop_console: true

7. }

8. },

9. sourceMap: true,

10. parallel: true

11. }),

12. new OptimizeCSSPlugin({

13. cssProcessorOptions: {

14. safe: true,

15. map: {

16. inline: false

17. }

18. }

19. }),