博客 RSS 訂閱

coderleo 頭像

coderLeo - 手擼Webpack自定義Loader

前言 我們知道 webpack 只能處理 JavaScript 和 Json 文件，面對 CSS、圖片等資源是無能為力的，它需要通過 loader 將這些資源轉換為可處理的模塊。 loader 的本質是一個解析資源的函數模塊，該函數對接受到的內容進行轉換，然後返回 webpack 可處理的資源。 loader的執行順序 loader 可根據執行順序區分為： pre： 前置 loader no

前端工程化 , webpack , 前端 , Javascript

收藏 評論

coderleo 頭像

coderLeo - 手擼Webpack自定義Plugin

前言 webpack-plugin 向開發者提供了 webpack 引擎中完整的能力。通過插件擴展 webpack，加入自定義的構建行為，使 webpack 可以執行更廣泛的任務，擁有更強的構建能力。 與 loader 相同，plugin 的本質也是一個模塊（它包含一個apply函數），符合 webpack 的一切皆模塊的理念。 工作原理 webpack 就像一條串行的生產線，要經過一系列處理流程

前端工程化 , webpack , 前端 , Javascript

收藏 評論

jueqiangqingtongsan 頭像

倔強青銅三 - Vite VS Webpack，誰才是最強構建工具

Vite VS Webpack，誰才是最強構建工具 前言 大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。 Vite vs Webpack：哪個更適合您的項目？ 隨着Web應用的不斷髮展，對更快、更高效的開發工具的需求也在日益增長。多年來，Webpack一直是複雜應用的首選打包工具，以其強

vue.js , vite , webpack , 前端 , Javascript

收藏 評論

hyfhao 頭像

hyfhao - webpack多頁面打包的一次嘗試

初始化 cd 項目名 webpack init 創建第二頁面與其頭文件 touch page2.html touch src/page2.js 修改page2.js console.log("success") 修改webpack.config.js 添加page2.html至plugins項，添加src/page2.js至entry項 最終模板: const path = requi

webpack , HTML , Javascript , Web

收藏 評論

heath_learning 頭像

heath_learning - 手把手教你用webpack打包一個多個模塊且不包含共享模塊代碼的JS庫

1、什麼叫“多個模塊且不包含共享模塊代碼的JS庫”？ 假設你現在要在npm上發佈一個js庫，你的庫裏有module1.js、module2.js2個模塊，這2個模塊都依賴了hex.js工具模塊，如果使用普通的 打包模式打包module1.js、module2.js2個模塊，那麼module1.js、module2.js2個模塊中都會包含hex.js工具模塊，這會導致 在項目導入這2個模

打包 , webpack , js庫 , 模塊化開發 , Javascript

收藏 評論

ihengshuai 頭像

大衞talk - 前端主流構建工具

本文首發博客網站，由於圖片和格式解析問題，可前往閲讀原文 隨着前端開發複雜度的提升，構建工具在開發流程中扮演着越來越重要的角色。這些工具可以幫助開發者實現代碼的打包、優化、轉譯、模塊化處理等功能，從而提升開發效率和用户體驗。本文將以當前主流的前端構建工具為核心，介紹它們的特點、適用場景及差異 構建工具 Grunt Grunt 是較早期的任務運行工具，主要通過任務（tasks）系統自動化完成前端開發

vite , nx.dev , rust , webpack , 前端

收藏 評論

lyflexi 頭像

月半大熊貓 - 《95%開發者不知道的vue.config.js高階玩法》手撕Webpack配置鏈/SSR優化/多頁應用，3倍構建效率實戰方案

Vue工程化配置指南：vue.config.js深度解析 一、初始化配置文件 在Vue CLI工程根路徑下創建配置文件： 項目層級示意： your-project/ ├── src/ ├── public/ ├── package.json └── vue.config.js # 新增配置文件 基本模板結構： module.exports = { // 工程化配置區域 } 二、核心配置參數解

vue.js , visual-studio-code , webpack , typescript , 前端

收藏 評論

ruochuan12 頭像

若川 - Taro 源碼揭秘：8. Taro 是如何使用 webpack 打包構建小程序的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-11-07），目前最新是 4.0.7，

react , 小程序 , webpack , 前端 , Javascript

收藏 評論

ruochuan12 頭像

若川 - Taro 源碼揭秘：9. Taro 是如何生成 webpack 配置進行構建小程序的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-11-22），目前最新是 4.0.7，

react , 小程序 , webpack , 前端 , Javascript

收藏 評論

ruochuan12 頭像

若川 - Taro 源碼揭秘：10. Taro 到底是怎樣轉換成小程序文件的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-12-26），目前最新是 4.0.8，

react , 小程序 , webpack , 前端 , Javascript

收藏 評論

yuhuashi_584a46acea21f 頭像

雨花石 - webpack優化：提高二次構建速度

痛點： 開發過程中改一行代碼卻要等webpack構建半天實在太捉急。 項目背景 我們的項目是@vue/cli4生成的，基於webpack和vue2開發，未使用ts。用到了很多jquery、lodash、echarts等第三方依賴。 參考： @vue/cli4已經默認配置過一些優化方法了，比如為babel-loader增加cache-loder。請教了deepseek和google之後，根據項目的實

vue.js , vue-cli4 , webpack , 前端 , Javascript

收藏 評論

yuhuashi_584a46acea21f 頭像

雨花石 - webpack未轉譯第三方依賴axios為es5導致低端機型功能異常

背景： 兼容性測試流程中，遇到華為p9手機上的頁面按鈕點擊無反應的問題。開發者工具查看後發現報錯如下： 根據報錯信息檢查了一下頁面引用的vendors包，發現有...語法，來自於第三方依賴axios。 原因： axios包有es6語法，而我的項目的webpack.config.js配置的babel-loader排除了所有的node_modules的編譯。如下： {

babel-loader , Android , Axios , webpack , Javascript

收藏 評論

dirackeeko 頭像

DiracKeeko - [前端] webpack + craco項目遷移Rsbuild

對一個非rsbuild的既有項目，遷移到rsbuild，有兩種途徑；其一是用rsbuild官方工具新建空殼項目，將舊項目的代碼文件搬到新的殼項目中，並安裝項目需要的依賴項，編寫rsbuild.config.ts配置；其二是修改舊項目的依賴項，刪除無關依賴和無關配置，安裝rsbuild項目所用的依賴項，編寫rsbuild.config.ts配置。 pnpm i @rsbuild/core @r

webpack , 前端

收藏 評論

yuhuashi_584a46acea21f 頭像

雨花石 - review代碼系列（二）：

背景： 因技術優化需要，打算將現有項目庫的部分代碼摘出來單獨構建，所以在package.json加了新的打包命令,當然也要單獨進行webpack配置。 處理babel時發現有兩種babel配置，既有babel.config.js，也有.babelrc。因為都在根目錄下面，所以新的構建任務默認也會使用這兩個babel配置。考慮到後續的單獨維護，覺得用單獨的babel配置比較好。那就要處理

webpack , babel , 前端 , Javascript

收藏 評論

tong_6816038415d24 頭像

小童童 - 如何安裝 telnet-0.17-65.el7_8.x86_64.rpm（CentOS 7 RPM 安裝詳細步驟）

​ Telnet 是一個遠程登錄服務的客户端工具，常用於測試網絡連接或訪問遠程服務（但注意：它不加密，不建議在不安全的網絡中使用）。 一、準備工作 首先你要確認： ​你是在 CentOS 7 或 RHEL 7 系統上操作​（因為包名裏有el7_8，説明是為 CentOS/RHEL 7.8 準備的）。 ​你有 root 權限，或者能用 sudo​（安裝軟件一般需要管理員權限）。 ​安裝包下載

Linux

收藏 評論

koogua 頭像

鳩摩智首席音效師 - 如何在 Linux 中創建自簽名 SSL 證書 ？

在當今的數字時代，保護您的網站或應用程序至關重要。而確保安全性的一種方法是使用 **Secure Sockets Layer (SSL)** 證書。SSL 證書提供加密功能並進行身份驗證，確保數據在客户端和 服務器保持私有和安全。在某些情況下，可能有必要創建一個自簽名 SSL 證書，這對測試和開發很有用。 在本文中，我們將詳細介紹如何在 Linux 命令行創建自一個簽名 SSL 證書

ssl , Linux

收藏 評論

codists 頭像

codists - 2025年10月文章一覽

2025 年 10 月編程人總共更新了 1 篇文章： 1.2025年9月文章一覽 如果用一句話來形容 10 月，那就是“心裏很着急，想做的太多，但是執行能力跟不上”，“路要一步一步走，飯要一口一口地吃”——還是慢慢來。 歡迎搜索及關注：編程人(a_codists)

Python

收藏 評論

lengxi_16 頭像

ERP老兵_冷溪虎山 - 用中醫哲學重構數據結構：單鏈表秒變“藥材靈氣通道”（PY/JS/JAVA/GO四語言對照|最小原型|可白嫖|附截圖）

⚡️ 兄弟姐妹們，你們缺的不是教程，是能跑通的實戰！ 💪這篇絕對是乾貨(下文有代碼截圖👇👇),趕緊點贊收藏,源碼打包帶走✨✨ ✅✅鏈表手把手教程文章鋪墊蓋地,相信你們也看了很多也學會了,這裏主要講理念+實戰🎈🎈 別人講單鏈表還在用StudentNode，怪蜀黎直接上《GMP藥材批次管理》—— 10年ERP老兵+7年中醫修為+其他技能樹，給你整4語言對照的合規原型：

算法 , 哈希表 , 鏈表 , 醫療it , Python

收藏 評論

lengxi_16 頭像

ERP老兵_冷溪虎山 - 編程算法“雙鏈表“左右開弓！實現《藥典》字符串比對—附源碼｜截圖|可白嫖| 防止抓錯藥 PY/JS/GO/JAVA(中醫編程)

🏆兄弟姐妹們，別再用==直接比藥名了！ 怪蜀黎在藥庫摸了10年ERP，見過太多「姜半夏」配成「法半夏」的醫療事故！🏴‍☠️ 今天帶你們用雙鏈表遍歷+多語言驗證，把《中國藥典》的藥材比對算法，塞進4種編程語言裏——✅ ⚠️ 實際藥廠應用需通過藥監局驗收，本代碼僅作技術演示 💡 核心腦洞： 雙鏈表 = 陰陽雙脈（左鏈表走任脈，右鏈表走督脈）⏩⏪ 節點比對 = 藥材性味歸經校驗（寒

算法 , 鏈表 , 字符串處理 , 醫療it , Python

收藏 評論

cryptorzz 頭像

CryptoRzz - 印度尼西亞股票數據API對接實現

環境準備 首先安裝必要的依賴包： pip install requests websocket-client pandas numpy 基礎配置 import requests import json import websocket import threading import time from datetime import datetime # API配置 API_KEY = "YOU

safari , node.js , chrome-devtools , 前端 , Javascript

收藏 評論

hanshuixin_666 頭像

寒水馨 - Windows 11 安裝使用 nvm，Node.js、npm多版本管理、切換

Windows 11 安裝使用 nvm，Node.js、npm多版本管理、切換 本文對應的講解視頻鏈接：https://www.bilibili.com/video/BV1qspxzrEWP/ 1. nvm 簡介 背景：在日常的前端或Node.js開發中，我們經常會遇到不同的項目需要依賴不同版本的 Node.js 和 npm。直接安裝和卸載版本來回切換非常麻煩，而且容易出錯。為了解決這個問題，

node.js , nvm , npm , 前端

收藏 評論

pulangte 頭像

普郎特 - 深入理解 Axios 攔截器與 Promise 異步機制：從源碼角度剖析異步編程的本質

深入理解 Axios 攔截器與 Promise 異步機制：從源碼角度剖析異步編程的本質 本文將帶你從 Promise 基礎概念出發，深入理解 Axios 攔截器的內部實現原理，揭秘異步編程背後的核心機制。 📖 前言 在前端開發中，我們經常使用 Axios 進行 HTTP 請求，並通過攔截器來統一處理請求和響應。但你是否真正理解攔截器背後的工作原理？為什麼攔截器能夠按順序執行？為什麼有時候攔截器的

觀點 , node.js , 教程 , 知識 , npm

收藏 評論

8848_62c77d4bb2532 頭像

Java陳序員 - 像老鄉雞那樣做飯！

大家好，我是 Java陳序員。 前段時間西貝羅永浩事件鬧得沸沸揚揚，西貝的做法可謂是激起廣大網友的不滿。 想不到的是，這場爭論的最後贏家居然是老鄉雞。與西貝相反的是，老鄉雞預製菜完全公開透明，不遮遮掩掩，而且價格十分親民。 與此相對應的，最近在 Github 有個項目 —— CookLikeHOC（像老鄉雞那樣做飯），十分爆火，短短的時間內，斬獲幾千 Star！ 關注微信公眾號：【Java陳序

vue.js , github , node.js

收藏 評論

pulangte 頭像

普郎特 - # Python跨語言調用JavaScript完整指南

技術架構 Python端：subprocess模塊 使用subprocess.run()執行Node.js進程： import subprocess # 基本調用語法 result = subprocess.run(['node', 'script.js', 'arg1', 'arg2'], capture_output=True, text=Tr

node.js , Javascript , Python

收藏 評論