tag loader

標籤
貢獻7
23
06:35 PM · Nov 21 ,2025

@loader / 博客 RSS 訂閱

你好2007 - 從vue-loader開始理解webpack的一些設計思想

寫在前面 為了更好的説明,我們模仿Vue.js開發了一個類似的簡化版本的前端框架Quick Paper(文檔) 來幫助你理解一些細節。因此在開始之前,讓我們先大致瞭解一下此項目的結構,方便後續描述。 温馨提示:我們推薦你在開始之前去Github上把此項目clone下來後,對照着源碼進行學習! 目錄結構 其實你只需要關注下面四個文件夾: src:框架源碼; loader:類似vue-loade

vue-loader , vue.js , loader , webpack , Javascript

收藏 評論

feipeng123s - 爪哇學習筆記——Webpack原理

前端工程化 技術選型 統一規範——eslint、husky 測試、部署、監控——ut、e2e、mock 性能優化 模塊化重構 webpack流程 webpack的構建流程可以分為以下三大階段: 初始化:啓動構建,讀取與合併配置參數,加載Plugin,實例化Compiler。 編譯:從Entry出發,針對每個Module串行調用對應Loader去翻譯文件的內容,再找到該Modul

loader , plugin , webpack

收藏 評論

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

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

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

收藏 評論

mengyuhang4879 - react自適應佈局 px轉rem

引言 在create-react-app項目中配置絕對單位px轉換為相對單位rem,其中使用postcss-plugin-px2rem轉換css/less/sass文件(此插件不支持內聯樣式轉換),使用編寫的loader轉換內聯樣式 1.安裝插件 npm i postcss-plugin-px2rem 2.配置webpack 1 找到config/webpack.config.js裏po

react , loader , webpack , create-react-app

收藏 評論

林一一 - 編寫 loader 和 plugin

原文地址 編寫 loader 和 plugins github 一、loader 1.loader 介紹 loader 是什麼 loader 其實是一個函數,對匹配到的內容進行轉換,將轉換後的結果返回。 loader 作用 在 webpack 中 loader 就像是一位翻譯官。webpack 只認識 JavaScript 這們語言,對於其他的資源通過 loader 後可以轉化做預處理

loader , plugin , webpack , Javascript

收藏 評論

浪遏飛舟 - Sass將Unicode編譯成文字字符導致icon亂碼問題

發現問題 最近在使用公司組件庫中的穿梭框組件時發現icon圖標全都亂碼了 分析問題 經排查發現,組件樣式文件(scss)引入的iconfont矢量圖標字體,構建時,\e601這類Unicode字符在經過sass編譯後就變成了文字字符(雙字節字符),導致出現亂碼 .icon-ok:before { content: "\e601"; } Sass編譯後 .icon-ok:before {

iconfont , sass , loader , plugin , unicode

收藏 評論

調皮的稀飯 - Loader 和 Plugin:原理與技術實現

Loader 和 Plugin:原理與技術實現 在軟件開發中,加載器和插件是兩個非常重要的概念,它們各自具有獨特的用途,並且經常一起使用,以實現代碼的模塊化、可擴展性和複用性。這篇文章將深入探討加載器和插件的工作原理,以及如何在實際項目中使用它們。 一、加載器(Loader) 加載器通常用於動態加載和執行代碼。在Web開發中,加載器最常見的用途是異步加載JavaScript模塊。例如,Webpac

loader , plugin

收藏 評論