vite 第2页

Vite是如何实现Esbuild打包的

前面文章说过（Vite如何实现秒级依赖预构建的能力），在Vite依赖预构建的底层实现中，大量地使用到了Esbuild这款构建工具，实现了比较复杂的Esbuild插件功能和技巧。

xiangzhihong8·2025-06-13 07:47

vite原理

Vite是一个由EvanYou（Vue的作者）开发的前端构建工具，它的核心目标是更快的开发启动速度和更高效的构建过程。

光影少年·2025-06-13 06:40

Docker镜像打包实践

详细步骤如下：前端打包方案需求：前端项目（Vue3+Vite）要打包成Docker镜像镜像中包含所有依赖（npm包、node、nginx等），目标服务器不能联网镜像启动后以生产环境运行（即访问的是打包后的静态页面

蛋炒饭的碎碎念·2025-06-12 18:41

Vue 前端开发解决链接后端并解决跨域

为了解决跨域就需要在项目下创建vite.config.ts文件，并进行以下配置exportdefault({command,mode}:ConfigEnv):UserConfig=>{letenv={}

zimoyin·2025-06-12 15:16

关于electron-vite koffi 读取 dll 打包等问题得记录

kofficonstkoffi=require(‘koffi’)importiconvfrom‘iconv-lite’;constlibPath=path.resolve(__dirname,‘…/…/resources/dll/sss.dll’)constyktLib=koffi.load(libPath)constret=yktLib.func(‘stringsss(stringUrl,str

亨呢还要悟再谦虚点·2025-06-12 03:26

UniApp组件封装，2025年最新HarmonyOS鸿蒙模块化开发项目式教程

DevEcoStudio5.0.3.400+（真机调试必备）鸿蒙离线SDK（通过HBuilderX导入，每个项目独立配置）‌项目初始化#创建Vue3项目（鸿蒙仅支持Vue3）npxdegitdcloudio/uni-preset-vue#vite-tsmy-project

程序员小刘·2025-06-11 21:13

vue3 + ts + vite + element-plus根据url路径保持对应栏目高亮

上代码：000111222333YzpAction1Action2退出import{ref}from"vue"import{useRouter}from"vue-router"importlogosfrom"@/assets/img/logo.svg"constrouter=useRouter()//img资源constlogo=ref(logos)leturlname=router.curren

yskbchewidhw·2025-06-11 20:11

Svelte 核心语法详解：Vue/React 开发者如何快速上手？

在很多地方早就听到过svelte的大名了，不少工具都有针对svelte的配置插件，比如vite\unocss\svelte.虽然还没使用过，但是发现它的star82.9k数很高哦，学习一下它与众不同的魔法

heroboyluck·2025-06-11 20:38

vite配置@别名，以及如何让IDE智能提示路经

1.配置路径(vite.config.js)//vite.config.jsimport{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue

itwlz·2025-06-11 15:33

Vue 自动导入函数和变量插件 unplugin-auto-import

安装npmiunplugin-auto-import-Dvite.config文件//引入importViteAutoImprotfrom'unplugin-auto-import/vite';//自动导入常用函数和变量

HarryHY·2025-06-11 06:56

用vite创建React项目

对于CreateReactApp项目：1.创建项目：npxcreate-react-appmy-app2.安装依赖：npminstall-Dtailwindcss@npm:@tailwindcss/postcss7-compatpostcss@^7autoprefixer@^93.安装CRACO：npminstall@craco/craco4.创建craco.config.js配置文件，添加Pos

前端小努力·2025-06-11 06:55

使用vite创建一个React项目

1.gitee创建仓库、将仓库克隆到本地2.搭建一个项目：使用vite、react【解决nvm无法切换node或者安装的问题】1.查看nvm安装路径：nvmroot（以管理员身份运行）2.在setting.txt

哈胡233·2025-06-11 05:23

vite的生产环境配置

在Vite中，生产环境的配置主要通过vite.config.js的build配置项完成。1.build.outDir：指定构建输出目录（默认为dist）。

小前端大牛马·2025-06-11 01:19

前端知识导图

字节标准前端知识导图通用基础1、编程语言HTMLCSSJSTS2、计算机基础计算机网略数据结构算法：二分查找、十大排序、二叉树先中后和层次遍历、集合交并集、leetcode刷题经验编译构建webpack&vite

lucky_jiexia·2025-06-10 22:32

使用 Vite 创建 Vue 3 项目并手动配置路由的完整步骤（路由404）

使用vite勾选创建路由1.创建Vue3项目首先确保你已经安装了Node.js（建议版本16+）和npm/yarn/pnpm。

·2025-06-10 17:20

[plugin:vite:import-analysis] Failed to resolve import “vant/lib/index.css“ from “xxxxxx

先卸载npmuninstallvant在安装[email protected]版本冲突

脾气有点小暴·2025-06-10 16:42

vue3 自动导入自己的js文件中的函数

vue3自动导入自己的js文件中的函数vite.config.jsimportAutoImportfrom'unplugin-auto-import/vite'exportdefaultdefineConfig

华山令狐虫·2025-06-10 15:38

vue3+vite+pnpm项目使用monaco-editor常见问题

文章目录一、使用步骤1.1安装插件1.2配置vite.config.js1.3封装json-editor组件1.4使用json-editor组件二、遇到报错2.1`TypeError:Cannotreadpropertiesofundefined

佚名猫·2025-06-10 10:36

12.vite，webpack构建工具

1.vite介绍和对比️Vite是什么？

xd00002·2025-06-10 03:13

Vue3.0

文章目录Vue3的简介一、创建一个Vue项目1.使用vue-cli创建2.使用vite创建二、Vue3的目录文件三、CompositionAPI1.setup2.ref函数3.reactive函数4.Vue3

时常.·2025-06-09 19:26

Vite+VUE3+TypeScript开发环境配置流程（精简）

vue-project◇Selectaframework:│Vue◇Selectavariant:│TypeScript3安装vitenpminstallvite@latest4测试npmrundev5配置vite.config.tsimport

jingyucsdn·2025-06-09 15:21

使用Vite构建Vue3项目，对路由Vue Router 4.x的设置

Vue3官网：https://v3.cn.vuejs.org/Vite官网：https://cn.vitejs.dev/VueRouter官网：https://next.router.vuejs.org

夏日米米茶·2025-06-09 04:07

配置Vite+React+TS项目

配置Vite+React+TS项目初始化配置路径别名样式重置配置Less导入配置TailwindCSS一些复杂样式vue3引入element-plus全局引入按需引入路由封装Axios初始化执行npmcreatevite

Jerry cat·2025-06-08 19:58

laravel +vite+ vue+ tailwindcss paginator分页

创建TS文件UrlWindow.tsexportclassPaginator{currentPage:numberlastPage:numberquery:Object={}path:string='/'fragment:string=''onEachSide:number=3pageName:string='page'perPage:number=15options:object={}total

谢叫兽·2025-06-08 19:28

vite+tailwind封装组件库

前言演示视频https://www.bilibili.com/video/BV1EST3zPEyP/?spm_id_from=333.1387.homepage.video_card.click参考https://juejin.cn/post/7112295067682865166https://juejin.cn/post/7046187185615142949代码仓库https://gitee

飞鸟malred·2025-06-08 18:25

常用的前端打包工具及对比

目前，市面上流行的前端打包工具主要有Webpack、Vite、Rollup、Parcel等。以下是这些工具的简要介绍和对比：WebpackWebpack是一个功能强大且高度可配置的打包

暖阳浅笑-嘿·2025-06-08 14:56

vue 多端适配之pxtorem

在Vue3+Vite项目中使用postcss-pxtorem自动将px单位转换为rem单位，可以按照以下步骤配置：一、基础版本1.安装依赖首先安装必要的插件：npminstallpostcsspostcss-pxtoremautoprefixer-D

雅痞yuppie·2025-06-08 11:33

【vue3进阶】vite项目引入文件预览功能

项目当中经常会遇到文件需要预览的功能，大多数是pdf、word、excel、img等类型，pdf类型的文件预览方式很多，也很简单，主要是word和excel类型的文件，大多数支持docx和xlsx类型的，之前doc和xls类型的支持的比较少。下面介绍几种预览的方式，每种方式都有有优缺点，按需求选择。1.vue-office插件vue-office这个插件使用起来方便，可以网络地址，也可以二进制预览

沐晨爸爸·2025-06-08 08:10

react18 + vite5 + typeScript + commitLint + prettier + eslint + husky + lintStaged 实现后台管理系统基本框架

项目大致效果图项目基本说明技术栈react18react-router6antd5zustand4vite45axiosfakerjs模拟数据dayjslodashtypescriptechartscommitlint

小白小白从不日白·2025-06-08 05:49

Vue3 - 解决项目启动后浏览器无法访问问题（Network: use --host to expose）

1，问题描述（1）使用如下命令创建一个Vite+Vue3项目：1npminitvue@latestmy-app（2）创建后进入项目文件夹并启动项目：12cdmy-appnpmrundev（3）上述命令执行后

加点甜·2025-06-08 05:48

Vite使用svg-企业级开发(支持本地svg和网络svg渲染)

1.安装vite-plugin-svg-icons插件$yarnaddvite-plugin-svg-icons-D#or$npminstallvite-plugin-svg-icons-D2.插件配置配置插件在

Martin-Luo·2025-06-08 04:14

【react+antd+vite】优雅的引入svg和阿里巴巴图标

加点甜·2025-06-08 04:44

vue3+qiankun+vite搭建微前端服务

因业务需要搭建一套微前端服务,阅读文档时发现qiankun与vite无法一起使用,需要引入额外插件才可以一起使用,在这里记录下qiankun基座配置1.修改index.html中div的id,并在main.js

LD喂！·2025-06-07 12:28

JAVAWeb--前端工程化

1.2前端工程化实现技术栈前端工程化实现的技术栈有很多,我们采用ES6+nodejs+npm+Vite+VUE3+router+pinia+axios+Element-plus组合来实现ECMAScript6VUE3

·2025-06-07 11:55

qiankun微前端vue3+ts+vite（配置示例）

//主应用main.ts//注册子应用registerMicroApps([{name:'sub_ANALYTICS_APM_SEARCH',entry:'http://localhost:7101/',//子应用地址container:'#sub-container',//子应用挂载容器activeRule:'/controller/#/location=ANALYTICS_APM_SEARCH

湖边看客·2025-06-07 11:54

基于 qiankun + vite + vue3 构建微前端应用实践

核心内容摘要技术栈组合采用Vite+Vue3+Qiankun构建微前端架构主应用和子应用独立开发部署，通过Qiankun集成2.主应用关键配置通过registerMicroApps注册子应用，配置路由匹配规则

MINO吖·2025-06-07 11:53

vue3+ts+vite：详细、完整的 tsconfig.json 示例 / 常见配置项及其用途

一、tsconfig.json示例{"compilerOptions":{//1.编译目标与模块系统"target":"ES2020",//指定编译后的JavaScript版本为ES2020"module":"ESNext",//指定模块系统为ESNext（支持动态导入等）"moduleResolution":"node",//模块解析策略为Node.js风格（兼容npm包）//2.严格类型检查"

·2025-06-07 05:40

create-vite 源码阅读

前言create-vite主要是用于创建一个项目并根据用户选择配置的template将模板文件写入当前创建的目录中。vite提供了多个模板及其ts版本。

AI_boom·2025-06-07 05:08

【Vite】vite-plugin-html 插件详解

文章目录一、vite-plugin-html插件概述1.插件介绍2.核心功能二、vite-plugin-html的基本用法三、动态注入和模板解析1.动态注入数据2.环境特定注入四、vite-plugin-html

Peter-Lu·2025-06-07 03:31

Vite-Vue3-Admin 项目教程

Vite-Vue3-Admin项目教程vite-vue3-admin基于vite4.x+vue3.x+ant-design-vue3.x+typescripthooks的基础后台管理系统模板RBAC的权限系统项目地址

史淳莹Deirdre·2025-06-07 03:00

使用vite-plugin-html在 HTML 文件中动态注入数据，如元数据、环境变量、标题

vite-plugin-html是一个用于Vite构建工具的插件，它可以帮助你在构建过程中动态注入一些HTML内容，比如标题、元数据、环境变量等。

＆白帝＆·2025-06-07 03:59

Vite模块联邦(vite-plugin-federation)实现去中心化微前端后台管理系统架构

提示：记录工作中遇到的需求及解决办法文章目录前言依赖版本要求一、架构设计1.1模块联邦基础概念1.1.1什么是模块联邦1.1.2基本配置示例1.2去中心化微前端架构设计1.2.1传统微前端vs去中心化微前端1.3特殊架构设计：menuModule的角色1.3.1为什么需要menuModule？1.3.2menuModule的特殊定位二、技术实现2.1模块联邦配置详解2.1.1关键配置参数解析2.2

·2025-06-06 11:40

关于vue—cli创建vue3项目引入element plus 按需引入方式的记录

废话不多说直接记录1、根据elementplus官网指引下载相关依赖由于我用的是vuecli不是vite所以我直接用的内部包管理器，不用内部管理器的也可以用npm等方式

TuanZi Only·2025-06-05 03:27

element-plus自动按需引入

unplugin-vue-components，unplugin-auto-importnpminstall-Dunplugin-vue-componentsunplugin-auto-import如果是vite

加点甜·2025-06-05 03:27

全面解析：npm 命令、package.json 结构与 Vite 详解

全面解析：npm命令、package.json结构与Vite详解一、npmrundev和npmrunbuild命令解析1.npmrundev作用：启动开发服务器，用于本地开发原理：启动Vite开发服务器提供实时热更新

come11234·2025-06-05 03:53

qiankun在vue3 vue2 为主应用，vue3+vite为子应用使用

https://gitee.com/qiaoyongli/qiankun.git1.vue2的主应用（1）引入乾坤包npminstallqiankun-S（2）main.js代码如下importVuefrom"vue";importAppfrom"./App.vue";Vue.config.productionTip=false;//qiankun配置import{registerMicroApp

！执行·2025-06-05 01:40

使用 Vue3 + Webpack 和 Vue3 + Vite 实现微前端架构（基于 Qiankun）

本文将详细介绍如何使用Vue3+Webpack作为主项目，Vue3+Vite作为子项目，并通过Qiankun实现微前端架构。主项目配置（Vue3+Webpack）主项目是整个微前端架构的核心，它负

指尖上的 Web·2025-06-05 01:40

vue3+ts+vite+qiankun项目配置及部署

#微前端##应用间资源共享##敏捷开发#qiankun部署项目描述主应用:vue3+ts+vite+qiankun微应用:vue3+ts+vite+qiankun路由模式都是History乾坤插件:主应用

法海站如来·2025-06-05 01:40

qiankun微前端——接入子应用Vue3+vite实现

qiankun：乾坤微前端框架什么是微前端Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeaturesindependently.–MicroFrontends微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。微前端架构旨在解决单体应用在

三行代码解决·2025-06-05 01:09

前端构建工具|vite快速入门

认识vitevite组成部分Vite是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：一个开发服务器，它基于原生ES模块提供了丰富的内建功能，如速度快到惊人的模块热更新（HMR）。

在星空下·2025-06-04 23:27

推荐频道

vite