Vite 第6页

Tree Shaking（摇树优化）详解

TreeShaking（摇树优化）详解TreeShaking是现代JavaScript打包工具（如Webpack、Rollup、Vite等）中的一项重要优化技术，它的名字形象地比喻为"摇动一棵树，让没用的叶子掉下来

web网页精选·2025-04-22 01:52

基于 Vue3 + Vite 搭建高扩展性后台管理系统实战

基于此，本项目采用Vue3+Vite的技术栈，结合Pinia状态管理和ElementPlus组件库，打造一套高效、可扩展的后台管理系统解决方案。

·2025-04-21 17:53

基于vite创建的react18项目的单元测试

通过查询资料，大拿们基本都说基于vite的项目，用vitest进行测试比较方便一写。闲话不多说，步入正题。

追梦吗喽·2025-04-21 06:07

React + Vite：现代前端开发的利器

React+Vite：现代前端开发的利器Mario-Bros.jsAMarioBrosin3DwithReact项目地址:https://gitcode.com/gh_mirrors/ma/Mario-Bros.js

童兴富Stuart·2025-04-21 06:36

TypeScript React 开发框架选择：Vite 或 Webpack 指南

TypeScriptReact开发框架选择：Vite或Webpack指南ts-react-vite_or_webpackastarter-templatewithtypescript,react,mobxandvite

沈瑗研·2025-04-21 06:36

推荐使用：Vite React 最佳实践模板 —— 由 Codely 提供

乌芬维Maisie·2025-04-21 06:06

推荐开源项目：React + Vite - 快速开发新纪元

周澄诗Flourishing·2025-04-21 06:06

vite集成阿里行为验证

行为验证目的：确保是真实用户在调用你的接口，常用于获取验证码等接口，因为每调一次你都要向服务商付费。使用index.html将第三方提供的sdk文件放到public目录，并在index.html中引入useCaptchaconstCaptchaConfig={captchaId:"xxx",language:"zho",product:"bind",}constuseCaptcha=()=>{co

大风起兮云飞扬丶·2025-04-21 02:14

从零打造一个Vue 3组件库：开发、打包与发布到NPM

本文将带你从零开始，基于Vue3和Vite，开发一个简单的UI组件库（包含一个按钮组件），并打包发布到NPM。文章涵盖项目搭建、组件开发、按需加载支持、测试与发布的全流程，适合想进阶Vue3开发的你！

小贺要学前端·2025-04-20 21:44

Vue 应用从 Vite 迁移到 Webpack

Vue应用从Vite迁移到Webpack主要涉及以下几个步骤：安装Webpack和相关依赖：首先，你需要安装Webpack和VueLoader。

玛蹄柯拿·2025-04-20 15:06

Pulsar Management Vue2+Webpack4改造成Vue3+Vite

PulsarManagementVue2+Webpack4改造成Vue3+Vite背景问题点初步改造--仍旧使用webpack4（未解决--已放弃）1.package.json文件改造2.webpack.config

qq_39760573·2025-04-20 15:35

现代前端构建工具对比：Vue CLI、Webpack 和 Vite

VueCLI、Webpack和Vite是目前最流行的三个构建工具，它们各自具有独特的优势和适用场景。本文将深入探讨这些工具的特点，帮助开发者根据自己的项目需求做出明智的选择。

AmHardy·2025-04-20 14:31

Vue3新特性defineModel在Nuxt3中的实现

在nuxt.config.ts中配置vite:{vue:{script:{defineModel:true,propsDestructure:true,}}},然后在子组件中使用constpaginationIndex

码农的救赎·2025-04-20 13:52

vue3项目启动bug

：vue3项目启动运行问题描述终端无法正常启动运行C:/user/adminC:/user/admin>npmrundev>[email protected]>vite

Missing Sunshine·2025-04-20 08:50

vite+vue3项目打包后图片不显示或者请求路径多了一个undefined

两张图片都是正常加载的但是如果我们是把项目打包，然后在掉到express服务器里面去时，我们会发现，只显示了一张图片，另外一张图片的地址前面是undefined,这一看就是import.meta.env.VITE_APP

Lysun001·2025-04-20 04:19

PDF转excel+json ，vue3+SpringBoot在线演示+附带源码

在线演示地址：Vite+Vuehttp://www.xpclm.online/pdf-h5源码gitee前后端地址：javapdfexcel:javaPDF转excelhttps://gitee.com

云只上·2025-04-19 16:02

React入门实战：构建一个天气查询应用（2025最新）

Neo Evolution·2025-04-19 09:44

深入解析Vue3：从入门到实战（详细版）

文章目录前言一、Vue3简介官网地址主要特点二、安装与创建Vue3项目使用VueCLI创建项目使用Vite创建项目三、CompositionAPI详解Setup函数ref与Reactive生命周期钩子计算属性和监听器四

布兰妮甜·2025-04-17 23:33

Vue3+Vite中使用SCSS

一、安装SCSS在创建好Vue项目后，在项目路径中打开命令行输入以下命令：npmisasssass-loader--save-dev二、使用SCSS安装完成后便可以在项目中使用SCSS，需要在style标签中设置lang属性为scss如：@use'../../assets/style/index.scss'asbase;//引入单独的scss文件.login-wrap{width:100%;hei

会飞的鱼先生·2025-04-17 16:17

vue3 defineExpose 原理

defineExpose}from'vue';constonClose=()=>{alert('关闭')};defineExpose({onClose});编译之后变成import{createHotContextas__vite

forgiveForever·2025-04-17 16:46

vant4+vue3+ts执行打包编译后 index.html打开显示空白

一般是跨域问题解决方法：1.npminstall@vitejs/plugin-legacy//安装插件2.配置vite.config.jsimport{defineConfig}from'vite';importvuefrom

冰墩墩1·2025-04-17 12:52

报错 Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass

在vue3-vite-vant的项目中引入全局样式mixin方法遇到的问题：这个警告是因为在DartSass中，传统的@import规则已被弃用，将在DartSass3.0.0版本中移除，推荐使用@use

冰墩墩1·2025-04-17 12:22

vue3 uniapp vite 配置之定义指令

动态引入指令//src/directives/index.jsimporttrimfrom'./trim';constdirectives={trim,};exportdefault{install(app){console.log('[✔]自定义指令插件install触发了！');Object.entries(directives).forEach(([key,directive])=>{app

初遇你时动了情·2025-04-17 07:18

Vite到底是构建工具还是脚手架？前端工程化的“厨子”和“菜谱”

“Vite到底是脚手架还是构建工具？它咋啥都会？”别急，我们就用“做饭”的比喻，轻松搞懂它们的区别！

魔云连洲·2025-04-16 15:06

vite+vue 项目引入tailwindcss

vite+vue项目引入tailwindcss创建您的工程如果您还没有建立一个新的Vite项目，请先创建一个新的项目。

ada958·2025-04-15 18:14

vite和它衍生出来的一些问题

小学生日志上回搞懂了npm、yarn等包管理工具，在配置和前端工程化实现的过程就会更知悉一些，但一开始接触前端框架的时候，让我疑惑的不仅是包管理工具，还有vite，我的老师不会详细解释vite，只教我用

广东鱼老大·2025-04-15 18:43

关于vite.config和vue.config的配置文件

章前描述今天做一个小记录，是从别的网站上抄过来的内容，关于vite.config.js和vue.config.js的配置相关项。

我爱吃干果·2025-04-15 00:15

细讲前端工程化

前端工程化主要包括以下几个方面：1.项目构建工具使用自动化构建工具（如Webpack,Vite,Parcel等）来处理和打包前端资源（JavaScript,CSS,图片等），

夕阳_醉了·2025-04-14 22:37

Soybean Admin 配置vite兼容低版本浏览器、安卓电视浏览器(飞视浏览器)

环境window10pnpm8.15.4node8.15.4vite5.1.4soybeanadmin:1.0.0native-ui:2.38.0小米电视MIUITV版本：MiTVOS2.7.1886(

西西偷西瓜·2025-04-14 01:52

soybean-admin-element-plus：新一代后台管理模板的强大解决方案

soybean-admin-element-plus：新一代后台管理模板的强大解决方案soybean-admin-element-plus一个清新优雅、高颜值且功能强大的后台管理模板，基于最新的前端技术栈，包括Vue3,Vite5

班岑航Harris·2025-04-14 01:51

React(4): 使用 unocss + react-ts + vite 开发

React(4):使用unocss+react+ts开发之前一直使用css-module开发页面，觉得太过繁琐，看到unocss,眼前一亮，觉得可以拿来快速开发页面（偷懒）vite官网unocsstailwindcss

一个抱抱一首歌·2025-04-13 17:26

uniapp vue3+vite 配置Pinia数据持久化

使用插件pinia-plugin-persistedstatenpmipinia-plugin-persistedstate-S//main.tsimportpiniaPluginPersistedstatefrom'pinia-plugin-persistedstate'constpinia=createPinia()pinia.use(piniaPluginPersistedstate)exp

Goat恶霸詹姆斯·2025-04-13 05:39

uni-vue3-vite-ts-pinia 项目教程

uni-vue3-vite-ts-pinia项目教程项目地址:https://gitcode.com/gh_mirrors/un/uni-vue3-vite-ts-pinia项目介绍uni-vue3-vite-ts-pinia

幸桔伶·2025-04-13 05:09

vue3+ts Typerror: Failed to fetch dynamically imported module

搞了好久都没有解决现在记录下这个问题issues地址：TypeError:Failedtofetchdynamicallyimportedmodule·Issue#11804·vitejs/vite·GitHub

多喜乐长安宁·2025-04-13 02:46

vite.js+vue3+element-plus打包报错(Note that you need plugins to import files that are not JavaScript)

javascript项目vite.jsvue3element-plus打包报错(NotethatyouneedpluginstoimportfilesthatarenotJavaScript)/node_modules

前端开发2025·2025-04-13 02:45

vite项目使用qiankun构建hash路由微前端

react-router-dom@61、项目安装2、主应用中注册微应用3、主应用中设置路由和挂载子应用的组件二、创建react@18+react-router-dom@6子应用1、项目安装2、修改子应用vite.config.ts3

幽冥雪羽·2025-04-12 02:10

实现一个 Markdown 编辑器组件：Vue 3 + Vite + Highlight.js

文章目录一、项目背景与需求分析二、搭建基础项目1.初始化Vue3项目2.安装依赖三、实现Markdown编辑器组件1.创建Markdown编辑器组件2.组件说明四、优化与拓展1.自动保存功能2.文件上传功能五、总结一、项目背景与需求分析在现代前端开发中，Markdown编辑器广泛应用于博客、文档、Wiki、代码注释等场景。一个优秀的Markdown编辑器需要具备以下功能：实时预览：用户输入时，能够

前端极客探险家·2025-04-11 11:32

React 初学者进阶指南：从环境搭建到部署上线

概览环境搭建核心概念TodoList实战部署上线一、快速搭建React开发环境1.选型：Vite或CreateReactAppVite：轻量、热更新速度快、可定制度高，适合追求更高效率的开发者。

yufei-coder·2025-04-11 10:55

使用 react-three-fiber 快速重构 Three.js 场景⚛️

今天，我们将更进一步，将上一篇中vite+npm传统Three.js原生代码完整重构为react-three-fiber风格✅本文将带你完成以下目标：✅使用React重构原生Three.js场景✅拆分组件化结构

sunbyte·2025-04-11 10:53

Vue3 + Vite使用Vitepress编辑基于Element-plus再次封装的Vue3基础组件库文档弃用vitepress-theme-demoblock，使用自己封装的Demo组件

最终效果使用方式页面效果一、需求vitepress-theme-demoblock插件在编辑md文件时，不支持TSX模式，也无法import其他依赖，并且展开隐藏的vue代码都在md文件中，不够优雅，且每个md文件太长。至此弃用此拆件，改用自己封装demo组件二、plugins配置：在docs/.vitepress下新建config文件夹1、在config文件夹新建global.ts文件，代码如下

wocwin·2025-04-11 04:48

npx vite 可以成功运行，但 npm run dev 仍然报错 Missing script: “dev“

npxvite可以成功运行，但npmrundev仍然报错Missingscript:"dev"，说明问题可能出在npm的脚本解析或项目配置上。以下是具体解决方案：1.检查package.json的物理位置可能原因：你当前运行的目录下可能有一个无效的package.json，而真正的package.json（含dev脚本）在另一个位置。解决方法：在终端中运行以下命令，确认package.json的路

睡美人的小仙女127·2025-04-09 23:06

深入探索 Node.js 文件监听机制：从前端工程化到原理剖析

从webpack的热模块替换到Vite的即时刷新，从CSS预处理到静态资源打包，背后都依赖于稳健的文件监听机制。

斯~内克·2025-04-09 11:50

Vite + Vue3 + TS项目根路径别名配置

本文博主将介绍如何在Vite+Vue3+TypeScript的前端项目中配置根路径别名，以便在开发过程中更轻松地引用模块和组件。为什么要配置根路径别名？

洛*璃·2025-04-09 07:55

本地项目HTTPS访问问题解决方案

以下是详细解释和解决方案：原因分析默认开发服务器仅支持HTTP大多数本地开发工具（如Vite、Webpack、React等）默认启动的是HTTP服务器，而非HTTPS。

BillKu·2025-04-09 06:49

Vue3在ZKmall开源商城前端的应用实践与技术创新

一、技术架构设计：模块化与多端协同ZKmall开源商城前端采用Vue3+TypeScript+Vite技术栈，结合微前端理念

zkmall·2025-04-09 01:14

解决vite+ts 引用本地图片 require问题

因为在vue3中require被放弃使用所有采用一下方式functionget_img_url=(name:any)=>{returnnewURL(`/src/assets/img/${name}`,import.meta.url).href;}onstdata=reactive({img_url:[{url:get_img_url("login1.jfif")},{url:get_img_url

wlik·2025-04-07 19:32

Vue3使用Webpack？

以下是详细的解释和实践指南：一、Vue3与Webpack的关系官方支持VueCLI（官方脚手架工具）在Vue3中默认仍基于Webpack，虽然Vue官方推荐新项目使用Vite，但Webpack依然是企业级项目的常见选择

繁若华尘·2025-04-07 07:46

深入解析Webpack与Vite：从原理到实战的全链路构建指南

第一章模块化演进与构建工具核心价值1.1前端模块化发展史：从混沌到标准化1.1.1原始阶段（2005-2009）全局变量污染问题：window.myApp={}立即执行函数（IIFE）实现作用域隔离：(function(){varprivateVar='secret';window.myModule={/*...*/}})();1.1.2CommonJS规范（2009）Node.js的模块实现：/

WHCIS·2025-04-07 03:24

Webpack vs Vite：现代前端构建工具的巅峰对决与选型指南

构建工具的进化革命当雪碧瓶上的水珠折射出前端工程的变迁史，Webpack与Vite的决战已然成为现代前端开发的分水岭。这场始于打包理念的革命，正在重塑整个前端生态的底层逻辑。

Loving_enjoy·2025-04-07 03:22

webpack和vite的区别是什么

Webpack和Vite都是现代JavaScript应用程序的构建工具，但它们有许多不同的设计理念和实现方式。

申朝先生·2025-04-07 03:20

推荐频道

Vite