vite

全栈项目学习日记（第一章）AI Agent 时代的 IT 行业，单会前端或者单会后端已经不足以满足市场需求，“AI + 全栈” 才是程序员的核心竞争力。这个系列我将从前端到后端，一步一个脚印，打造一个功能完备的博客系统 —— 包含登录功能、文章系统、AIGC 生成功能，后端将采用 NestJS 框架搭建。

Webpack vs Vite：前端构建工具对比在前端开发中，构建工具一直是我们日常工作中不可或缺的一部分。从早期的Grunt、Gulp到Webpack一统江湖，再到如今Vite的横空出世，工具链的演进反映了前端工程化的不断成熟。本篇文章将深度对比一下Webpack和Vite这两个构建工具，看看它们各自的特点、优势以及未来发展趋势。

vite build 发布到nginx二级目录——将yudao-ui-go-view打包、部署到big目录下在 yudao-ui-go-view\types\vite-env.d.ts文件中增加发布目录路径定义：VITE_PUBLISH_PATH，内容如下：

WebStrom+Vitesse+Vue3项目路径报错爆红问题①安装@types/node依赖。②修改配置文件vite.config.ts，添加path引用和路径解析配置

uni-app + Vite 项目中使用 @uni-helper/vite-plugin-uni-pages 实现自动路由配置（超详细）在 uni-app 项目中，pages.json 一直是一个绕不开但又非常繁琐的配置文件：在项目规模逐渐变大之后，这种手工维护路由配置的方式已经明显不适合团队协作。

依赖预构建如果你用过 vite，那么想必对依赖预构建这一个名词并不陌生，本文就基于此来进行一些探讨。PS：本文分析来自于笔者的个人理解，如果发现了错误，可以在进行指正。当然说的是 vite 依赖于 esbuild 和 rollup 的时候，而非 rolldown。

实习生小黄

vue3静态文件打包404解决方案在 Vue3 + Vite 项目开发过程中，经常会遇到静态资源文件（如第三方 JS 库、图片、字体等）在开发环境正常，但打包后出现 404 错误的问题。本文通过一个实际案例——引入 MarchingSquares.js 库的过程，详细分析问题的原因和解决方案。

⚡全局自动化：我用Vite插件为所有CRUD组件一键添加指令在现代前端开发中，我们经常使用组件库来快速构建界面。以avue-crud为例，这是一个常用的CRUD表格组件，但在实际项目中，我们往往需要为每个avue-crud组件添加相同的指令或属性。传统做法是在每个使用该组件的地方手动添加指令，这不仅重复劳动，而且容易遗漏，维护起来也十分困难。

【随手记】uniapp + V3 使用TailwindCss3weapp-tailwindcss：文档链接tailwind.config.jspostcss.config.js

告别全局污染：深入理解 ES Modules 模块化与构建工具这一篇将解决前端工程化中最重要的问题之一：如何组织代码。在 ES Modules 出现之前，JavaScript 没有原生的模块系统，导致全局变量满天飞。这篇文章将带你彻底理解现代前端模块化方案。

从后端获取数据传输到前端进行显示(cpp-httplib+Vditor+Handlebars)在之前的文章中，笔者实现了一个渲染 Markdown 格式文章的网页前端 Vite 项目（参看《给 Markdown 渲染网页增加一个目录组件(Vite+Vditor+Handlebars)》）,以及一个支持 Markdown格式数据的静态文件服务的后端项目（参看《使用cpp-httplib发布静态文件服务》）。在这里，就将前端与后端打通，通过 cpp-httplib 提供的 API 接口动态返回 Markdown 文章数据，由前端 Vite 项目利用 Handlebars 模板与 Vditor 渲染引擎

vite的插件 legacy--兼容低版本的浏览器@vitejs/plugin-legacy 是为了兼容低版本的浏览器未使用legacy打包的文件结构和体积：

Vite拆包后Chunk级别的循环依赖分析及解决方案当我们的源码中存在隐性的循环引用，在单文件打包（或 Dev 模式）时被 Rollup/Webpack 内部消化解决了；但当你配置了代码分割（Code Splitting），强制把它们拆成不同的 .js 文件（Chunk）时，浏览器在加载这两个相互依赖的文件时就会陷入死锁或引用 undefined。

现代前端开发工程化：从 Vite 到 Vue 3 多页面应用实战在当今快速迭代的前端开发环境中，工程化已成为构建高质量、可维护项目的基石。本文将结合实际项目结构与开发流程，带你深入理解如何使用 Vite 搭建一个现代化的 Vue 3 项目，并实现多页面路由功能，打造高效、优雅的前端开发体验。

韭菜炒大葱

现代前端开发工程化：Vue3 + Vite 带你从 0 到 1 搭建 Vue3 项目🚀在前端开发飞速发展的今天，“工程化” 已经成为提升开发效率、保证项目质量的核心关键词。不再是拿着编辑器写几行 HTML、CSS、JS 就能搞定的时代，现代前端开发需要一套完整的工具链和架构规范。今天，我们就以 Vue3 + Vite 为例，参照下面这幅 Vue3 前端技术栈架构图，手把手带你走进现代前端工程化的世界，从初始化项目到实现多页面开发，让你感受到规范架构带来的丝滑体验～

蜗牛攻城狮

Vite 项目中 `node_modules/.vite/deps` 文件夹详解在使用 Vite 构建的项目中，你可能会注意到一个特殊的隐藏文件夹：这个目录是 Vite 的依赖预构建（Dependency Pre-Bundling）机制的核心产物。它对开发服务器的启动速度、HMR（热更新）性能和兼容性起着至关重要的作用。本文将深入解析它的作用原理、生成逻辑、缓存策略及最佳实践。

白哥学前端

Vite Proxy到底是咋个工作嘞？proxy 要不要写、rewrite 要不要写、axios 的请求路径该怎么写？我好乱啊！！！你是不是也经常遇到类似的问题，搞不清路径到底该咋个写，今天就让你学个明明白白的。

后端拒写接口？前端硬核自救：纯前端实现静态资源下载全链路解析在日常开发中，我们经常遇到这样的场景：业务需求需要提供“导入模板下载”或“操作手册下载”功能。找后端同学要接口，对方却丢下一句：“这不就是个静态文件吗？你们前端自己存一下不就行了，没必要走接口。”