貢獻者25
粉絲0
創建項目 pnpm create vite 直接使用模板創建 pnpm create vite my-vue-app --template vue 安裝 JSX 支持依賴 cd my-vue-app npm install @vitejs/plugin-vue-jsx -D 配置 vite.config.js import { defineConfig } from 'vite' import v
昵稱 微芒不朽
上一章 我們為插件實現了對 TypeScript 的支持，通過在插件中引入 dts 配置項自動生成 crypto-key.d.ts 聲明文件，讓用户在開發過程中無需手動維護類型定義文件，就能獲得準確的類型提示和更流暢的 IDE 體驗。 可行性分析 為了讓插件能夠被更多的用户使用，我們希望可以同時支持 Vite、Rollup、Webpack、Esbuild 等構建工具，所以本章我們將會一起把插件從單
昵稱 xiaohe0601
上一章 我們成功將插件遷移到 Unplugin 插件系統，使其同時支持 Vite、Rollup、Webpack、Esbuild 等多種構建工具，讓更多用户都能輕鬆體驗到我們基於虛擬模塊的密鑰管理方案。 然而，儘管我們的插件功能已經完整實現，但是在未來的迭代過程中仍然存在潛在風險。插件可能因為版本更新、構建工具差異或者代碼修改而出現功能迴歸、虛擬模塊解析異常或類型聲明生成不正確等問題。 為了確保插件
昵稱 xiaohe0601
Vite VS Webpack，誰才是最強構建工具 前言 大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。 Vite vs Webpack：哪個更適合您的項目？ 隨着Web應用的不斷髮展，對更快、更高效的開發工具的需求也在日益增長。多年來，Webpack一直是複雜應用的首選打包工具，以其強
昵稱 倔強青銅三
本文首發博客網站，由於圖片和格式解析問題，可前往閲讀原文 隨着前端開發複雜度的提升，構建工具在開發流程中扮演着越來越重要的角色。這些工具可以幫助開發者實現代碼的打包、優化、轉譯、模塊化處理等功能，從而提升開發效率和用户體驗。本文將以當前主流的前端構建工具為核心，介紹它們的特點、適用場景及差異 構建工具 Grunt Grunt 是較早期的任務運行工具，主要通過任務（tasks）系統自動化完成前端開發
昵稱 大衞talk
方案1：img 將svg作為img的src import icon from './xxx.svg' img :src="icon" 無法很好的自定義尺寸，圖片會模糊（使用了img後，會喪失svg的特性） 無法指定顏色 方案2：插件 添加vite-svg-loader插件 找了好幾個常見的插件，比如vite-plugin-svg-icons、vite-plugin-svg-loader、u
昵稱 熱飯班長
需求技術選型 1. 純前端實現——前端輪詢方案 原理：前端定時（如每一分鐘）發送請求（如請求version.json文件），對比本地存儲的版本號與服務器返回的版本號，若不一致則提示更新。 優點：實現簡單（無需後端複雜邏輯，僅需一個靜態版本文件），兼容性極好（所有瀏覽器支持）。 缺點：實時性差有延遲（依賴輪詢間隔）。 適用場景：小型項目、對實時性要求低（如非高頻更新的工具類網站）、快速迭代
昵稱 水冗水孚
