Vite

打包体积分析插件 vue3 (vite) ——rollup-plugin-visualizer，webpack——webpack-bundle-analyzer

使用打包工具在帮我门分析打包结果进而来做优化在用vite打包是通过rollup来完成的安装这里的打包体积优化是需要在开发环境下的所以不能在生产环境下安装的npminstall--save-devrollup-plugin-visualizernpmirollup-plugin-visualizer-D
HarryHY·2025-05-19 07:06

前端桥接模式对接腾讯LBS和高德开放平台（以vue + vite为例）

桥（PATH/index.js）letmodule;//vite中标注依赖关系，底层默认是懒加载的constmodules=import.meta.glob('.
warmbook·2025-05-19 05:55

【魔改版vite-plugin-html】超好用的vite HTML模板插件！

使用示例//vite.config.jsimportcreateHtmlPluginfrom'.
warmbook·2025-05-19 05:54

Vue百日学习计划Day21-23天详细计划-Gemini版

初步了解Vite是什么及其作用。所需资源:Vue3官方文档(介绍):https://cn.vuejs.org/guide/introduction.htmlVite官方
LuckyLay·2025-05-18 05:10

uniApp新模式: 使用Vue3 + Vite4 + Pinia + Axios技术栈构建

使用Vue3+Vite4+Pinia+Axios+Vscode模式开发之后，感叹真香！不用再单独去下载HBuilderX。废话不多说，直接上干货！
瑆箫·2025-05-18 05:08

vue3和vite双向加持，uni-app性能再次提升

uni-app对vue3&Vite的升级，是一个渐进式过程：2020年9月：小程序平台支持vue3开发，小程序平台编译器依然使用webpack；2021年5月：H5平台支持vue3开发，H5平台编译器升级为
hbcui1984·2025-05-17 15:26

前端部署必知：Vite构建项目的静态资源路径问题详解

引言：一个常见的部署陷阱最近在部署基于Vite构建的煤矿三维组态运行系统时，遇到了一个"经典"问题：开发环境一切正常，但构建发布后页面却无法加载JS和CSS资源。
ttod_qzstudio·2025-05-17 13:16

vue-pure-admin搭建流程

它采用了现代开发工具和最佳实践，如Vite进行构建和优化，具备灵活性和易用性。其主要特点包括：Vue3组合式API利用最新的Vue3特性，更好地组织代码。
Tanya.Wang·2025-05-17 09:20

vue-pure-admin 精简版使用教程

官方精简版项目地址:https://gitcode.com/gh_mirrors/pu/pure-admin-thin1.项目的目录结构及介绍pure-admin-thin/├──build/│├──vite.config.ts
金畏战Goddard·2025-05-17 09:46

uniapp+vite+cli模板引入tailwindcss

目前vite+cli方式用的都是官方提供的模板，vite版本还是4.14版本，较旧，而tailwindcss已经有了4版本，实际发现引入最新版会报错，因而继续使用3.3.5版本pnpminstalltailwindcss
于慨·2025-05-16 13:27

浅谈Windows环境前端使用Nginx反向代理（跨域）

浅谈Windows环境前端使用Nginx反向代理（跨域）大部分时候前端开发使用webpack/vite等构建工具，都有自带的proxy代理功能，配置好后npmrunserve/npmrunstart启动就
宁理大神1996·2025-05-16 07:16

vite配置proxy和nginx同步配置反向代理，vite的base含义

vite配置代理是为了在开发环境下联调服务器接口，如果不配置代理，开发时会出现跨域，会在请求的url的前缀添加标识如/api,代理请求时在rewrite为""，或者rewrite为其他字符串，项目打包部署后
窥月·2025-05-16 07:45

Vue3 本地环境 Vite 与生产环境 Nginx 反向代理配置方法汇总【反向代理篇】

文章目录一、前言二、问题场景三、开发环境配置（Vite）四、生产环境配置（Nginx）4.1初始错误配置4.2正确配置方案4.3配置解析4.4高级配置选项五、常见问题排查六、开发环境vs生产环境对比七、
Microi风闲·2025-05-16 07:10

vue3+vite使用vite-svg-loader，加载svg

安装npminstallvite-svg-loader--save-devvite.config.js配置importsvgLoaderfrom'vite-svg-loader'exportdefaultdefineConfig
jquerybootstrap·2025-05-16 04:18

基于 DeepSeek + Uniapp 跨多端AI流式对话【app演示版】

aid=114506546024...技术知识框架技术：uniapp+Vue3+pinia2+vite5大模型框架：deepseek-v3UI组
·2025-05-15 18:44

使用 Vue 开发登录页面的完整指南

一、项目搭建与基础配置环境准备使用VueCLI或Vite创建项目，推荐组合：Vue3+ElementPlus+VueRouternpmcreatevue@latestnpminstallelement-plus
·薯条大王·2025-05-15 06:48

Vite：快速构建现代Web应用的工具

为了解决这些问题，Vite应运而生。一、Vite简介Vite是由Vue.js的作者尤雨溪开发的下一代前端构建工具，旨在提高开发体验和构建速度。
小于负无穷·2025-05-14 18:23

Webpack、Vite区别知多少？

前端的项目打包，我们常用的构建工具有Webpack和Vite，那么Webpack和Vite是两种不同的前端构建工具,那么你们又是否了解它们的区别呢？我们在做项目时要如何选择呢？
m0_74824044·2025-05-14 08:18

轻装上阵：Webpack 5 & Vite资源优化

作者简介：大家好，我是文艺理科生Owen，某车企前端开发，负责AIGC+RAG项目目前在卷的技术方向：工程化系列，主要偏向最佳实践希望可以在评论区交流互动，感谢支持~~~上一篇我们从0开始构建了webpack的最小化项目，分别举例说明了ES6语法、css语法、typescript语法和tsx语法的编译转换。在实际的项目开发中，存在多种类型的静态文件，如图片、文本文件、字体文件等。在webpack4
前端Owen·2025-05-14 08:17

前端工程化&&Webpack 和 Vite 的区别

前端工程化、Webpack和Vite的区别1.前端工程化（FrontendEngineering）前端工程化是指通过工具、流程和规范，将前端开发从手工模式转向自动化、标准化和可维护的模式。
前端日记·2025-05-14 07:47

尤雨溪宣布：Vue 生态正式引入 AI

尤雨溪近日宣布，Vue、Vite和Rolldown的文档网站均已添加了llms.txt文件，这一举措旨在让大型语言模型（LLM）更方便地理解这些前端技术。
xiangzhihong8·2025-05-13 22:41

基于vue3和flask开发的前后端管理系统（一）：项目启动准备

准备工作我们需要准备以下工具vue3：构建前端tailwindcss：样式库vite：快速构建vue项目pinia：vue3的事件管理器flask：后端代码Mysql：数据库heidisql：数据库图形化界面
家有狸花·2025-05-13 15:28

《Vite终极配置指南 | 手把手搭建高效Vue3开发环境》

开篇：为什么选择Vite？
落叶下长安_·2025-05-13 10:26

SpringBoot+vite+宝塔linux部署前后端分离项目

1.购买服务器阿里云，腾讯云，华为云等等都可以，买个2核2G的就足够（这里2核是虚拟核心数）。镜像选择宝塔linux，然后按照对应的引导开始配置即可。云服务的安全组记得放开8888,8080,3306,5173,80,9090等端口，如果你后面遇到一些问题的表现是页面卡死，大概率是端口没有放开。2.打包前端项目打包之前需要确认一件事：是否需要代理来解决跨域，其实springboot加上@Cross
Cykzzzz·2025-05-12 08:34

解决使用宝塔Linux部署前后端分离项目遇到的问题

问题一：访问域名转圈圈，显示404,403没有解决跨域问题，在后端yml中设置content：/prod（生产环境），在前端.env文件中将http：//127.0.0.1:8080/替换为公网IP，并在vite.config.js
兰德里的折磨550·2025-05-12 08:30

vue3使用tailwindcss报错问题

·不过执行npxtailwindcssinit的时候控制台就报错了PSE:\vite-demo>npxtailwindcssinitnpmERR!
shmily麻瓜小菜鸡·2025-05-11 22:28

vue3设置全局css变量

1、common.scss文件中定义全局变量$common-color:red;2、在vite.config.js中导入common.scss文件defineConfig({css:{//css预处理器
煸橙干儿~~·2025-05-11 22:28

工程化:vite3+vue3二次封装antdvue组件方法

有时候，第三方的组件库不能满足我们的业务需求，就有必要对别人的组件进行再次的封装，下面我们以antdvue里面的button组件二次封装为例，研究下封装的过程最后效果基础代码<a-buttontype
风清云淡_A·2025-05-11 17:55

webpack和vite的区别

webpack和vite都是现代化web构建工具,但他们在构建速度、开发体验、构建结果等方面有所不同1、构建速度:vite的速度一般快于webpack(1)传统的构建工具例如webpack在开发过程中会对整个应用或者大部分应用进行打包
和科比合砍81分·2025-05-11 12:24

【工具使用】React+Vite+TypeScript项目打包成exe(基于electron)

前言最近利用react+vite+ts创建了一个前端项目，希望能够打包成exe进行分发，浏览了几个csdn教程，参照进行打包的过程并不是很顺利，这里分享自己的解决方法。
Mr.Wonderfool·2025-05-11 10:43

weapp-vite 发布：重塑小程序开发体验！

今天，我非常高兴地宣布weapp-vite项目的正式发布，这标志着我在vite框架应用与探索上的一个阶段性成果。
ice breaker·2025-05-11 09:36

尤小右：VitePress 初步实现小目标，极简静态站点生成器

VitePress：Vite&Vue驱动的静态网站生成器https://github.com/vuejs/vitepressVuePress的小兄弟，建立在vite的基础上npminstall-Dvitepressecho
前端开发博客·2025-05-11 05:07

升级vite4 vite-plugin-theme 出现的错误

因为安全咯漏洞升级vite4后浏览器出现UncaughtReferenceError:__COLOR_PLUGIN_OUTPUT_FILE_NAME__isnotdefined然后修改package.json
水淹萌龙·2025-05-11 02:20

【报错】vite+vue3项目中WebSocket代理连接失败的一种可能性

注意vite.config.ts中代理设置是否设置headervite.config.ts"/api/":{target:`http://1.1.1.1/`,//请求后台接口ws:true,changeOrigin
小阿承·2025-05-10 05:33

WebSocket在vite项目的proxy中配置代理

代码如下：proxy:{"/websocket-api":{target:"ws://192.168.1.6:3000",changeOrigin:true,ws:true,rewrite:(path:string)=>path.replace(/^\/websocket-api/,"")}}使用时：constcurrentUrl=window.location.host;constcurrent
月伤59·2025-05-10 05:02

Vite的WebSocket

Vite的webSocketSocketJavaSocket概述工作原理优势劣势JavaWebSocket概述工作原理代码示例nodeJSWebSocket优势劣势vite中的WebSocket代码示例使用
突然好热·2025-05-10 05:01

三维装配可视化界面开发笔记

技术栈前端框架:Vue3(使用组合式API)构建工具:Vite6.3.43D引擎:Three.jsr152状态管理:Pinia2.1.0路由:VueRouter4.2.0模型加载:GLTFLoad
小彭律师·2025-05-09 19:23

尚硅谷-硅谷甄选项目记录

一、Vue31基础配置1.1@路径别名vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'//引入path
年纪轻轻只想躺平·2025-05-09 03:36

Webpack vs Vite：深度对比与实战示例，如何选择最佳构建工具？

Webpack曾经是前端构建的事实标准，但随着前端生态的变化，Vite作为新一代工具迅速崛起，凭借更快的启动速度和更好的开发体验赢得了大量用户。那么，Webpack和Vite到底有哪些核心区别？
思扬0928·2025-05-09 02:05

pnpm，Monorepo的使用（2）

2.monorepo的工作目录react-admin-vite-antd5├─package
不会技术的程序员不是一个好厨师·2025-05-08 23:13

适配移动端不同屏幕尺寸

flexible.js示例：CSS示例：postcss配置（推荐）：优点：✅3.使用媒体查询`mediaquery`原理：示例：优点：✅4.使用`vw`/`vh`百分比布局原理：示例：优点：实战推荐组合❗注意事项基于Vite
TE-茶叶蛋·2025-05-08 20:25

vite+ts+vue3 知识点（computed计算属性）

第一种写法import{computed,toRefs,reactive}from"vue";letperson=reactive({name:"老天师",age:123,like:"雷法"});const{name,age,like}=toRefs(person);constnames=computed(()=>{return`${age.value}岁的${name.value}熟练使用无敌的
微光无限·2025-05-08 19:44

Vue3快速入门：从零到项目实战

Vue3的主要特点和优势Vue3的应用场景第2章：Vue3的演进过程从Vue1到Vue3的演进Vue3相比Vue2的重大改进Vue3的设计理念和目标第3章：Vue3的安装和配置使用npm安装Vue3使用Vite
莲华君·2025-05-08 12:01

vite vue3 规范化与Git Hooks

在《JS模块化》系列开篇中，曾提到前端技术的发展不断融入很多后端思想，形成前端的“四个现代化”：工程化、模块化、规范化、流程化。在该系列文章中已详细介绍了模块化的发展及四种模块化规范。本文简单聊聊规范化中的git规范。1、规范化在企业级开发中，“一千个读者有一千个哈姆雷特”是很常见的事，每个程序员对技术的理解、视角和掌握程度参差不齐，导致编写的代码五花八门。规范化包括很多，我在企业实践中重点关注两
「已注销」·2025-05-08 05:51

Vite Code Splitting详解

一、CodeSplitting简介打包构建中的代码拆分（CodeSplitting）是一种优化技术，它将应用程序的代码拆分成多个小块（chunks），并在需要时按需加载这些代码块。这种技术的目的是提高应用程序的性能和用户体验，主要有以下几个原因：1，减少初始加载时间当应用程序的代码被打包成一个单独的文件时，用户在访问应用程序时需要下载整个文件，这可能导致长时间的加载延迟。通过代码拆分，可以将应用程
xiangzhihong8·2025-05-07 23:43

Webpack 和 Vite 中静态资源动态加载的实现原理与方法详解

本文将深入剖析Webpack与Vite两大构建工具在动态加载实现上的核心差异，通过依赖分析机制和编译时态处理的对比，揭示它们在多媒体资源、样式表、动态导入等场景下的实现奥秘。二、核
GISer_Jinger·2025-05-07 22:09

wujie微前端项目实战

项目结构与技术栈wujie-admin/#主应用（Vue3）├──src/│├──views/││└──SubApp.vue#子应用容器组件│├──utils/││└──preload.js#子应用预加载逻辑├──vite.config.jssub-app-vue2
紬辛·2025-05-07 16:31

前端框架Vben Admin目录结构,如何管理配置API

VbenAdmin是一个基于Vue3.0、Vite、TypeScript的中后台解决方案，目前更新到5.0版本，跟旧版本不兼容。这是他的官网：VbenAdmin。
楠木吖·2025-05-07 07:34

vite 使用 iconv-lite

vite使用iconv-lite会报错chunk-TJNH2AAH.js?
xgq11·2025-05-07 05:51

weapp-vite - 微信小程序工具链的另一种选择

weapp-vite-微信小程序工具链的另一种选择前言weapp-vite是由笔者icebreaker开发的一个基于vite的现代化微信小程序开发工具链。
·2025-05-06 15:50
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他