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
                }
            }
        }),

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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM