tag webpack-dev-server

標籤
貢獻9
56
09:56 AM · Nov 05 ,2025
icecreamlj 頭像 cronwmmm 頭像 weiman_5e0ee4f995e41 頭像 tiantiantiantianxuexi 頭像 evans_bo 頭像 taoguo 頭像 yazi_6005853a842a6 頭像 kaidiwen 頭像 cafehaus 頭像

@webpack-dev-server / 博客 RSS 訂閱

cronwmmm 頭像

CRONWMMM - 【實戰】webpack4 + ejs + express 帶你擼一個多頁應用項目架構

前言 GitHub 完整項目地址 最近接了一個公司官網的項目，需要 SEO 友好，所以不能使用前端框架，前端框架自帶的腳手架工具自然也幫不上啥忙。只好自己使用 webpack4 + ejs + express ，從頭搭建一個多頁應用的項目架構。搭建過程中，遇到許多坑，然而網上的相關參考也是非常少，所以寫個博客記錄一下搭建過程以及注意事項。 項目地址 GitHub 明確需求 在動手開發之前，我們需要

express , webpack-dev-server , webpack , ejs

收藏 評論

weiman_5e0ee4f995e41 頭像

未滿 - Webpack使用傳統工程項目

説明 這是最近在學習和實踐webpack的一次學習筆記,有不足歡迎指正 這裏不涉及前端框架部分,單純是使用webpack 工程目錄結構 webpack-demo (學習工程目錄) |---config |------webpack.base.js (用於公用配置) |------webpack.dev.js (用於開發配置) |------webpack.pro

webpack-dev-server , webpack3 , webpack , webpack入門

收藏 評論

tiantiantiantianxuexi 頭像

天天天天學習丶 - 第一次vue單頁面應用ios低版本爬坑總結

1.vue打包後iphone 5c ios10.3.3打開報錯,調試時無錯誤. 求解決辦法 問題鏈接 解決辦法 webpack.prod.conf.js 配置 const UglifyJsPlugin = require('uglifyjs-webpack-plugin') new UglifyJsPlugin({ uglifyOptions: { compress: {

vue.js , webpack-dev-server , 單頁面應用 , babel , Javascript

收藏 評論

evans_bo 頭像

Evans_波 - 從零開始搭建 TS + webpack-dev-server 的開發環境

目的： 可使用 TypeScript 來開發項目 結合 webpack-dev-server 的熱重載，提升開發效率 瞭解相關依賴和配置的作用 準備 一、初始項目目錄結構（非常簡單） |_ src | |_ index.ts |_ public |_ index.html（只需在body標籤中添加script src="./index.js"/script）

webpack-dev-server , typescript , 前端

收藏 評論

taoguo 頭像

我是好人 - 你的項目切換代理需要重啓嗎？

問題 參與過多人項目之後，總是會碰到下面的問題。 需要跟另一個人對接了，那麼就要把代理的target改成他的ip地址，改完還得重啓項目。 別人把配置文件的代碼提交了，覆蓋了我的target配置。又得改回來，再次重啓項目。 有可能配置文件的代碼是這樣的 module.exports = { devServer:{ proxy:{ '/api':{

webpack-dev-server , 代理 , webpack , vue-cli , 前端

收藏 評論

yazi_6005853a842a6 頭像

FYR的仁 - vue-批量導入文件篇（一）

序言 在我們創建路由的時候，會發現如果所有的路由都在一個文件內，那麼當項目路由多的時候，就會出現路由難找，路由跟路由不在一塊等情況出現（沒維護好）。 所以，為了避免這種情況，我們可以使用模塊化這種思想來解決問題。 那麼，問題就來了，當模塊多的時候，一個個的導入就很浪費時間，需要重複 引入 - 賦值 這一過程，所以，我們是不是能讓程序來幫我們做這一步驟呢，那麼我們豈不是可以愉快玩耍了。

vue.js , webpack-dev-server , vite

收藏 評論

kaidiwen 頭像

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

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - webpack dev server 與 hot module replace 提高開發效率

通過 webpack 命令編譯源代碼時，如果我們對源代碼進行了修改，需要重新執行命令才能看到編譯後的效果。 這樣在開發中非常的影響效率，如果存在一種方式，當文件被修改時，webpack 自動監聽重新編譯，並反饋給開發者，這樣就能更高效的進行開發。 watch 我們通過 webpack 執行命令時，編譯完成之後進程會停止，而 webpack --watch 編譯完成後，不會停止進程，並且當文件內容發

webpack-dev-server , webpack , 前端 , Javascript

收藏 評論

cafehaus 頭像

咖啡教室 - vue項目中webpack-dev-server的open和host0.0.0.0配置衝突

一個比較老的公司項目，webpack 用的 v3 版本，為了實現localhost、127.0.0.1和本機ip可以同時訪問，webpack的devServer裏的 host 我們一般會設置成 0.0.0.0，這樣本機所有 ipv4 地址都可以實現訪問。 比如我們要將本地運行的前端項目，分享給公司的後端、產品、測試...預覽效果，如果 host 直接設置的 localhost，運行後打開的地址 h

vue.js , webpack-dev-server , webpack , 前端

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 抽絲剝繭：詳述一次DevServer Proxy配置無效問題的細緻排查過程

事情的起因是這樣的，在一個已上線的項目中，其中一個包含登錄和獲取菜單的接口因響應時間較長，後端讓我嘗試未經服務轉發的另一域名下的新接口，舊接口允許跨域請求，但新接口不允許本地訪問（只允許發佈測試/生產的域名訪問）。 問題 那麼問題來了，本地環境該如何成功訪問到新的接口並驗證業務功能是否生效呢？ 嘗試過程 我首先就想到了直接在 webpack 項目中配置 devServer，並且修改接口地址

webpack-dev-server , node.js , webpack , 前端 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 從0到1：React項目中的Webpack配置實戰

公司項目一般都是使用集團封裝好的腳手架，腳手架內部實現咱看不到也摸不着，好不容易組內推行新的UI框架，需要自行定義 webpack 配置，這可是個絕佳的好機會，我對配置過程進行了梳理，把商業項目的成熟配置小跑着送上。 初始化 首先新建一個空文件夾，執行 npm init 初始化生成 package.json 文件。 創建 src 文件夾，項目的業務代碼都放在這裏，再創建 index.js，這是項目

react , webpack-dev-server , webpack , 前端 , Javascript

收藏 評論