首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
vite
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
Vite零基础极速入门(vite和webpack的区别)
Vite零基础极速入门(vite和webpack的区别),前言作为前端开发者,或多或少都接触过打包工具,如webpack、Rollup、Parcel等打包工具,它们极大地改善了前端开发者的开发体验。然而,当我们开始构建越来越大型的应用时,需要处理的JavaScript代码量也呈指数级增长。包含数千个模块的大型项目相当普遍。我们开始遇到性能瓶颈——使用JavaScript开发的工具通常需要很长时间(
147
代码人生
01-01 08:00
代码人生
Vite 开发实践 - 打包部署(vite和webpack的区别)
Vite 开发实践 - 打包部署(vite和webpack的区别),前言在前面我们讲了vite的环境配置与插件开发实践,下面再来讲下vite在打包以及部署中的相关实践。打包生产环境简单的应用直接npmrunbuild就可以得到生产环境的代码,但是如果需要对打包做更精确的操作,还需要单独做一些配置,比如对多页应用和代码库的打包。当然,这一点官方已经说的很清楚了,这里建议直接看vite官网就行了多页应
3149
代码人生
01-01 08:00
代码人生
vite + Vue3 遇到的一些问题汇总
vite + Vue3 遇到的一些问题汇总,啰嗦一下,vite和vue3已经出来很长一段时间了,一直没生产实践过,之前一直都是使用vue2,通过这次实践,个人感觉还是喜欢使用那经典且深入人心的vue2,或许这是众多顽固派不愿跟随技术更新的最后的倔强吧。不过vue3的语法糖挺好使的,可以减少许多代码,不用在return出去。1.项目开始的准备熟悉下vue3文档和vite文档vsoce编辑器安装Vue
783
代码人生
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中的
215
代码人生
01-01 08:00
代码人生
Vite新建一个vue3 ts项目
Vite新建一个vue3 ts项目,第一步初始化项目npminitvite@latest复制代码接下来按照提示进入项目juejin,初始化和运行就可以在浏览器里查看效果了运行后在终端提示:Network:use`--host`toexpose,意思是需要把本机ip和端口暴露出来,要不然只能通过localhost本机访问,修改vite.config.js即可。import{defineConfig}
157
代码人生
01-01 08:00
代码人生
vite2及其插件机制
vite2及其插件机制,vite2主要变化配置选项变化:vue特有选项、创建选项、css选项、jsx选项等别名行为变化:不再要求/开头或结尾框架无关:通过@vitejs/plugin-vue,@vitejs/plugin-react插件分别支持Vue,React等HMRAPI变化清单格式变化插件API重新设计Vite使用esbuild进行依赖预构建,将TypeScript转换为JavaScript
79
后端
01-01 08:00
后端
Vite + Vue3 + OpenLayers 切换地图容器
Vite + Vue3 + OpenLayers 切换地图容器,本文简介将地图切换到不同容器里展示。不管在地图上做任何操作,切换容器后,操作过的内容也是会同步过去。思路使用ol提供的方法可以获取当前地图所在容器和设置地图到新的容器里。Map.getTarget()获取当前地图所在容器Map.setTarget()设置地图到指定容器编码changeimport{ref,onMounted}from'
146
后端
01-01 08:00
后端
vite+vue3+ts+vant搭建项目
vite+vue3+ts+vant搭建项目,背景最近在做公司项目的技术栈迁移,基于老项目的技术栈是vue2,因此新的技术栈采用vue3+vant的模式。并且新增ts+eslint的配置提高项目的可维护性,项目打包工具在正式环境打包依旧采用webpack,而开发环境存在两种打包模式vite和webpack。vite基于浏览器ESMoudle,有打包快,体积小等优势,利于项目进行快速开发。但是由于vi
1431
后端
01-01 08:00
后端
Vite的介绍
Vite的介绍,ViteVite是一个面向现代浏览器的一个更轻、更快的web开发应用基于ECMAScript标准原生模块系统(ESM)实现Vite项目依赖项Vite@vue/compiler-sfcVite的特点快速冷启动模块热更新按需编译开箱即用viteservevue-cli-serviceservevite只有当文件请求时才会去编译相应的模块vite只有在请求时才会去编译文件,文件修改也只会
516
后端
01-01 08:00
后端
Vite源码解析(1)
Vite源码解析(1),工欲善其事,必先利其器---debug第一步用tsc编译带有sourcemap的vite源码进入源码packages/vite目录,执行tsc-psrc/node和tsc-psrc/client,生成带有sourmap的源码。第二步配置vscode的nodejsdebug这一步的原理就是用vscode自带的debug功能,执行viteserve项目路径这句命令。在.vsco
97
«
1
2
3
4
5
6
»