@工程化 / 博客 RSS 訂閱

Nov 05 2025

編程三昧 - Webpack 簡介

構建其實是工程化、自動化思想在前端開發中的體現，把一系列流程用代碼去實現，讓代碼自動化地執行這一系列複雜的流程。 構建給前端開發注入了更大的活力，解放了我們的生產力。 Webpack 憑藉強大的功能與良好的使用體驗，已經成為目前最流行，社區最活躍的構建工具，是現代 Web 開發必須掌握的技能之一。 背景 在當下的前端環境裏，各種框架和工具層出不窮，比如 React、Vue、Angular 等，極大

構建工具 , 前端構建 , 工程化 , webpack , 前端

收藏 評論

Jan 13 2020

天真小兮兮 - 讓mocha支持ES6模塊

更多內容，請收藏我的博客：http://blog.tianzhen.tech mocha是比較常用的node測試框架，但是隻支持commonjs模塊，要讓mocha支持ES6模塊，需要babel的幫助。 書寫本文時用到的工具版本為： babel v7 mocha v6.2 安裝依賴 $ npm i -D @babel/cli @babel/core @babel/preset-env @b

mocha , 測試 , 工程化

收藏 評論

May 24 2022

寫代碼的海怪 - 寫了一本開源小書《Jest 實踐指南》

哈嘍，大家好，我是海怪。 前段時間一直在給公司項目引入 Jest，這過程中學到了不少東西，也查了很多相關資料。**最後編寫了一本小書《Jest 實踐指南》， 希望能幫助到想了解和學習前端測試的朋友。** 教程首頁 教程 Github 教程配套項目 Github 測試難點 Jest 看似很簡單，就像很多博客寫的那樣： expect(sum(1, 1)).toEqual(2) 然而在

單測 , 單元測試 , 工程化 , jest , 前端

收藏 評論

Dec 23 2025

梓源 - 大偉聊前端-前端工程化之構建工具Webapck5和編譯工具Babel

大偉聊前端：前端工程化之 Webpack5 與 Babel 的全面探討 在當今迅猛發展的科技時代，前端工程化已經成為軟件開發的重要趨勢。隨着互聯網技術的發展，用户對前端應用的需求越來越高，前端開發者面臨的挑戰也日益增加。Webpack5 和 Babel 作為現代前端開發的兩大核心技術，已經成為開發者工具鏈中不可或缺的部分。本文將從教育、科技、人文發展與經濟等多個方面探討 Webpack5 和

工程化 , 前端

收藏 評論

Nov 17 2022

JackySummer - 結合實踐解讀 package.json

前言 平時大家在公司接手一個已有項目的時候，首先會看的是什麼呢？我的習慣是先看 README.md 和 package.json。 通過 README 瞭解項目是做什麼和注意點，通過package.json瞭解項目涉及的技術棧和 npm 庫等等。 今天就來深入瞭解下package.json這個文件，不僅是解釋詳細字段含義與運用（忽略部分第三方字段本文就不介紹了），更重要的是想借此擴展總結下涉及工作

package.json , 工程化 , Javascript

收藏 評論

Jun 28 2021

拖泥羊 - 前端工程化7：自定義實現Webpack中的Loader和Plugin

loader對比plugin loader：用於資源加載並處理各種語言的轉換/編譯（例如將不同語言轉換為javascript）； plugin：用於資源加載以外的其他打包/壓縮/文件處理等功能； loader原理，loader的自定義實現 loader 用途 loader 用於資源加載並處理各種語言的轉換/編譯（例如將不同語言轉換為javascript）； loader 實現原理，自定義實

loader , plugin , 工程化 , webpack , 前端

收藏 評論

Mar 26 2023

一顆冰淇淋 - 去中心化組件共享方案 —— Webpack Module Federation（模塊聯邦）

在大型應用中， 我們可能會對其進行拆分，分成容器、主應用和多個子應用，使拆分後的應用獨立開發與部署，更加容易維護。但無論是微應用、公共模塊應用，都需要放到容器中才能使用。 如果多個應用之間希望資源共享，除了使用 npm 包的形式，基於Webpack 5 Module Federation（模塊聯邦）實現的EMP微前端方案也可以一試，它不限制技術棧，但依賴於 Webpack5。 使用場景 如果應用B

組件通信 , 工程化 , webpack , 前端 , Javascript

收藏 評論