關於webpack的使用及報錯處理小記

2022-02-09 14:20:46 字數 574 閱讀 1653

今天使用webpack遇到幾個報錯,現整理記錄如下

問題一:

問題原因定位:webpack的版本和webpack-dev-server的版本不相容

問題解決方案:先解除安裝這兩個外掛程式,再安裝指定的版本

**:問題二:

問題原因定位:各外掛程式之間版本不相容

問題解決方案:經過解除安裝html-webpack-plugin,然後重新安裝制定版本解決

**:問題三:

問題解決方案:該外掛程式已經更新,使用方法也已經改變(匯入外掛程式與初始化外掛程式例項的方法變了)

**:問題四:

問題原因定位:optimize-css-assets-webpack-plugin版本過高

**:將npmrc檔案內容修改為如下內容:

prefix=d:\program files\nodejs\node_global  (配置使用-g進行全域性安裝的檔案的安裝路徑,如npm i npm -g)

cache=d:\program files\nodejs\node_cache

registry=

***eperm:沒有相應許可權*****

webpack基本介紹及使用

webpack是乙個前端資源載入 打包工具。它根據模組的依賴關係進行靜態分析,然後將這些模組按照指定的規則生成對應的靜態資源。從上圖看出,webpack可以將多種靜態資源js,css,less轉換成乙個靜態檔案,減少頁面的請求。全域性安裝 npm install webpack g npm inst...

關於webpack中babel外掛程式的使用

webpack是不能解析es6語法的,需要用到外掛程式來轉化為es5和瀏覽器能識別的檔案 1.cnpm i babel core babel loader 7 babel plugin transform runtime d這裡我使用的cnpm指令安裝可以更快,盡量不要npm和cnpm指令混用,因為...

關於使用 CrossOrign專案報錯的問題解決

原因分析 本專案的spring jar包版本較低。當使用 crossorign時,需要匯入相應spring web的jar包,版本高於本專案已有的spring jar包,此時最好對本專案的jar包進行公升級。5.0.8.release org.springframework spring beans...