webpack5配置問題

2022-09-21 18:12:10 字數 577 閱讀 2646

問題描述:

安裝webpack-dev-server(4.7.4), 在package.json的scripts中增加

"script":
執行起來後只顯示public/index.html的模版頁面,js檔案並沒載入進來。

檢視了下輸出 content not from webpack is served from '/users/admin/desktop/vue3code/vue3/public' directory

是正常的

想到是不是html-webpack-plugin外掛程式的版本問題

預設訪問的是index.html,我這叫admin.html

訪問位址改成 localhost:8080/admin.html 就正常了

ps: 直接把外掛程式配置中的 filename的值改為index.html 比較好

webpack 5 開發環境

當 webpack 打包源 時,可能會很難追蹤到 error 錯誤 和 warning 警告 在源 中的原始位置。例如,如果將三個原始檔 a.js,b.js和c.js 打包到乙個 bundle bundle.js 中,而其中乙個原始檔包含乙個錯誤,那麼堆疊跟蹤就會直接指向到bundle.js。你可能...

Webpack5 常用Plugin(外掛程式)

webpack的外掛程式,可以增強webpack的自動化能力,使用外掛程式,可以完成自動清空目錄 拷貝資源檔案 壓縮輸出 等功能。webpack的乙個個外掛程式,就是在 webpack生命週期的鉤子上掛載的乙個個任務。常用的webpack外掛程式 作用clean webpack plugin 在每次...

Webpack5 內建快取方案探索

隨著babel typescript vueloader terser等編譯 轉譯技術的大規模使用,webpack的編譯時間正不斷膨脹。為了優化編譯速度,社群主要有兩種方案 這些方案在一定程度上解決了編譯速度慢的問題,但隨之而來的是成堆的配置,嚴重影響了webpack的使用體驗,甚至出現了 webp...