首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
vite
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
vite element-plus项目快速debug源码的方式
vite element-plus项目快速debug源码的方式,前提vite项目,且只是debugelement-plus的部分源码,至于webpack的项目,以前没注意是不是也可以这样为什么要debug源码有时候遇到官方文档没说清楚的地方,或者使用时与预期结果不符,想debug源码看看,或许这是比较快的解决问题的方式?具体做法以表单组件为例定义一个ref与表单绑定,并打印ref//定义refco
393
代码人生
01-01 08:00
代码人生
vite系列:手写一个简易版的vite-(依赖预构建版本)
vite系列:手写一个简易版的vite-(依赖预构建版本),之前我们已经实现了一个不带依赖预构建版本的vite,在vite2.0中增加了一个代表性优化策略依赖预构建今天我们也来手写一个。我们要实现的功能如下图所示:依赖预构建功能实现对SFC的解析实现对vue3语法的解析实现对html和js的解析最后实现一个对数字的加减操作功能代码分两部分依赖预构建部分本地服务部分先开始编写依赖预构建部分先把所需要
315
后端
01-01 08:00
后端
vite首次启动加载慢
vite首次启动加载慢,背景随着vue3的到来,vite开始被各大vue3组件库使用,公司开始一个新项目,准备尝试用vite试一波。问题发现当把公司新项目移植到vite后,启动非常快,但发现页渲染时间慢了很多可以看到页面的首屏加载时间是3.34s,页面的渲染完时间是3.37s,下载总大小是8.6MB,发送了119个请求在看看webpack的渲染时间:可以看到页面的首屏加载时间是1.05s,页面的渲
281
代码人生
01-01 08:00
代码人生
Vite 源码(二)vite启动流程以及如何获取config配置
Vite 源码(二)vite启动流程以及如何获取config配置,当在控制台输入yarnrundev时,执行对应源码的位置是node/cli.ts。import{cac}from'cac'//创建CLI实例,'vite'表示,在help和version命令中显示的名称constcli=cac('vite')//添加命令项cli.option('-c,--config',`[string]usesp
240
代码人生
01-01 08:00
代码人生
Vite + TypeScript + Ant Design Vue 搭建后台管理系统(5.1)
Vite + TypeScript + Ant Design Vue 搭建后台管理系统(5.1),介绍了vue3项目中npm包整体升级的实践和踩坑过程,可以使用npm-check或者npm-check-updates获取新版本号,然后进行对应升级vue更新的真的是太快了,没多久就已经从3.1升级到3.2了。本来想写breadcrumb面包屑功能的,但是3.2版本的scriptsetup和css中的
213
代码人生
01-01 08:00
代码人生
vite + typesctipt+mockjs搭建mock环境
vite + typesctipt+mockjs搭建mock环境,1.安装依赖npminstallmockjs-Snpminstallvite-plugin-mock复制代码2.配置vite.config.js一定要注意supportTs配置,这个是决定监听的是ts还是js,很重要再一个是要将watchFiles文件夹监听打开,这样更改mock的时候,不需要重新启动编译import{defineC
211
前端
01-01 08:00
前端
Vite和Vue CLI的优劣
Vite和Vue CLI的优劣,这篇文章主要介绍了Vite比Vue CLI快在哪里,帮助大家更好的理解和使用vue,感兴趣的朋友可以了解下
194
代码人生
01-01 08:00
代码人生
Vite+Vue3+TypeScirpt搭建单元测试
Vite+Vue3+TypeScirpt搭建单元测试,Coding完单元测试是必修之一,特别是写公共组件,毕竟谁也不想下次修改完心里没底是不。Vue推荐的是VueTestUtils加jest组合。在Vue-Cli下非常的简单,主要一句话:vueaddunit-jest复制代码可是Vite中没有相应的用法,下面就手把手列出流程。先在根目录写jest.config.js:module.exports=
179
后端
01-01 08:00
后端
Vite 从入门到精通 | 高级应用
Vite 从入门到精通 | 高级应用,Vite从入门到精通|高级应用本文总结Vite中的高级应用,包括HMR热更新功能,glob-import批量导入功能,预编译优化提升Vite性能,在非Node服务中集成Vite,Vite中对SSR的使用,静态站点导出,Vite配置项总结等应用Vite中的HRM热更新通过vanilla项目创建HRM创建项目$npminit@vitejs/app✔Projectn
173
后端
01-01 08:00
后端
vite构建项目步骤以及所遇到的坑,要注意的事项
vite构建项目步骤以及所遇到的坑,要注意的事项,安装与启动步骤安装yarn首先用yarn命令进行安装,没有这个命令的同学可以先安装一下npminstallyarn-g安装vite项目并启动yarncreatevite-appcd项目名称进入目录即可yarninstallyarndev复制代码vite配置配置文件为vite.config.js启动配置文件和webpack方式一样package.js
170
«
1
2
3
4
5
6
»