記錄一次webpack3公升級到webpack4過程

2022-06-29 05:54:14 字數 1671 閱讀 4697

公升級之前也參考了一些網上的教程。借鑑之,進行的自己的公升級。一些版本為什麼設為那個版本號也是參考別人的結果。

整體是按照先公升級npm run dev;在公升級npm run build的順序。

首先公升級webpack,在package.json檔案中將webpack版本號修改為4.8.1。

"webpack": "^4.8.1",
之後npm run dev,報錯

解決的辦法是

"webpack-dev-server": "^3.1.4",
繼續npm run dev 

很明顯這是沒有安裝webpack-cli,安裝webpack

"webpack-cli": "^3.3.7",
繼續npm run dev

因為專案運用了dllreferenceplugin,公升級之後需要重新生成dll檔案。之後因為webpack4自身已經移除了uglifyjsplugin所以不能用了,改用下面外掛程式進行**壓縮。

const uglifyjsplugin = require('uglifyjs-webpack-plugin');
修復後,npm run dev

解決方案公升級 html-webpack-plugin

webpack4 需要使用vue-loader 15.0.0 至少。所以公升級vue-loader

"vue-loader": "^15.0.10",
注意vue-loader需要以外掛程式的形式寫在webpack配置項plugin裡面。

const  = require('vue-loader')

webpack:

ok,npm run dev公升級完畢。

然後公升級npm run build。

其他:公升級過程中還出現的問題有

這是因為eslint需要公升級,公升級到eslint-loader

這是因為使用了elment-ui,當公升級到2.11.x時候會出現這個錯誤,這個錯誤最終沒有解決, 只有降級element-ui版本。

記錄 phpstudy2018公升級到MySQL8

將原mysql資料夾備份 解壓mysql8,並重命名為mysql 新增my.ini配置檔案 mysqld 設定3306埠 port 3306 自定義設定mysql的安裝目錄,即解壓mysql壓縮包的目錄 basedir c phpstudy phptutorial mysql 自定義設定mysql資...

從VMware VI3公升級到vSphere 4 0

vmware vsphere是業界第一款雲作業系統,可以聚合和全面管理大型基礎架構資源池,包括處理器,儲存和網路等,使其成為一種無縫 靈活 動態的操作環境。無論是企業當前的應用還是下一代的應用,都能在vmware vsphere 4之上更高效地執行並確保服務水平。對於企業而言,vmware vsph...

從VMware VI3公升級到vSphere 4 0

vmware vsphere是業界第一款雲作業系統,可以聚合和全面管理大型基礎架構資源池,包括處理器,儲存和網路等,使其成為一種無縫 靈活 動態的操作環境。無論是企業當前的應用還是下一代的應用,都能在vmware vsphere 4之上更高效地執行並確保服務水平。對於企業而言,vmware vsph...