@webpack5 / 博客 RSS 訂閱

Aug 29 2023

limingcan - 帶着這種思想，我快速高效的學會了webpack“開發環境配置”

前言 我們在使用webpack時，經常會看到類似以下結構： build ├── webpack.common.js └── webpack.dev.js └── webpack.prod.js 很多時候，webpack的配置我們基本複製粘貼過來的，沒有想過為什麼我們要把配置文件拆解成這麼多。因此，當我們自己去學習配置webpack時，我們經常會出現以下等問題： 開發環境構建速度慢 打包後頁面

構建工具 , webpack5 , 架構 , webpack , 前端

收藏 評論

Aug 25 2022

zhuoooo - 全面敏捷模式下的微前端方案——設計篇

這裏是突然勤奮的 Zhuo，持續更新文檔中。 本文只涉及到 module-federation 微前端方案的設計層面分享，關於具體實現，可以參考寫的簡單例子；所有的設計圖自取，如果對你有一些啓發，請點個 star 背景 團隊從瀑布流模式轉變為敏捷模式，將整個項目團隊劃分為多個小組並行開發，多小組同時升級的分支處理和代碼衝突之類的問題頻繁出現。於是接到了組內一個技術需求：《模塊支持單獨升級和部署》。

vue.js , microservice , webpack5

收藏 評論

May 06 2019

aConfuseBoy - webpack5多頁面腳手架

webpack5,webpack4,webpack3多頁面腳手架 移步webpack5多頁面腳手架 移步webpack4多頁面腳手架 移步webpack3多頁面腳手架 適用於多個靜態頁面的顯示, 如官網 項目地址: https://github.com/WangZhenHao/webpack-multiple-page 示例： 1.2.0 修改html-wbepack-plugin插件：添

webpack3 , 多頁面應用 , webpack5 , webpack4

收藏 評論

Jul 17 2023

limingcan - 有了這些方法，webpack你也可以自己配

前言 通過上篇文章——弄懂這幾個概念後，我對webpack有了更新的理解 的講解，我們大致瞭解了： 使用webpack過程中出現的一些概念 結合打包過程中出現的概念，淺析了webpack打包流程，讓大家對打包流程有個大致的理解 我們都知道，我們在實際開發過程中，使用webpack無非就是為了最後輸出瀏覽器能運行的css、img、js、html等前端資源。 那麼，為了更貼近實際，我們這篇文章

構建工具 , webpack5 , challenge , 前端 , Javascript

收藏 評論

Jun 26 2023

limingcan - 弄懂這幾個概念後，我對webpack有了新的理解

前言 隨着vite的誕生，webpack似乎漸漸的被大家拋棄。前陣子我也用vue@3.x + vite@4.x開發了一個後台管理系統，體驗了一把，確實有被vite飛快的啓動速度給驚豔到。 但是畢竟webpack已經誕生了許久，也經過市場的一些考驗，並且它有着豐富的插件，豐富的功能，一些大型的項目也使用過它，目前來説，它是一個相對於vite來説更穩定的打包工具。 基於以下原因： 有些公司由於歷史

構建工具 , webpack5 , webpack , 前端 , Javascript

收藏 評論

Nov 05 2025

Max迪丶先生 - 解決webpack5使用webpack-dev-server熱更新，改變內容頁面無法自動更新並且報錯

其實頁面文件已經進行了熱替換，但需要手動刷新，頁面才能進行更新。當前問題只在webpack5出現，問題出在哪裏？ 報錯問題：[HMR] Update failed: ChunkLoadError: Loading hot update chunk main failed. 網上看到一些熱更新失敗處理做法： 1：在webpack.config.js添加target: 'web' 2：刪除.brow

熱更新 , webpack-dev-server , webpack5 , hmr

收藏 評論

Nov 05 2025

HeiYanjing - webpack4和webpack5打包資源文件配置差異

項目中會有一些資源文件，比如圖片資源，字體資源文件等。這些文件在打包的時候需要移動到dist目錄 webpack4中，打包這些資源文件，需要用到url-loader和file-loader, file-loader把文件輸出到一個文件夾中，在代碼中通過相對 URL 去引用輸出的文件 (處理圖片和字體) url-loader與 file-loader 類似，區別是用户可以設置一個閾

webpack5 , webpack4

收藏 評論