首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
vite
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
Vite 开发实践 - 打包部署(vite和webpack的区别)
Vite 开发实践 - 打包部署(vite和webpack的区别),前言在前面我们讲了vite的环境配置与插件开发实践,下面再来讲下vite在打包以及部署中的相关实践。打包生产环境简单的应用直接npmrunbuild就可以得到生产环境的代码,但是如果需要对打包做更精确的操作,还需要单独做一些配置,比如对多页应用和代码库的打包。当然,这一点官方已经说的很清楚了,这里建议直接看vite官网就行了多页应
3146
后端
01-01 08:00
后端
vite-plugin-pages配置浅析
vite-plugin-pages配置浅析,官方文档传送门:vite-plugin-pages大家好!我是二蛋,前端菜鸡一枚,近期在了解一个开源脚手架vitesse,其中用到了vite-plugin-pages这个插件,简单记录一下各个配置属性的作用以及测试demo,安装方式同学们直接在官方文档看就可以了。有错误欢迎指出(轻点骂,求求了)再附上我学习这个插件所配置的项目vitesse-route-
2117
代码人生
01-01 08:00
代码人生
Vite实战指北(vite中文文档)
Vite实战指北(vite中文文档),Vite是一个开源的前端构建工具,起初只支持对Vue的打包构建(毕竟由尤雨溪牵头开发),但到了目前的2.0版本,Vite已经实现了所有项目框架的打包构建,Vite以几乎无法察觉的编译速度和无须重新刷新页面即可得到结果的优势被誉为下一代的构建工具。为什么Vite这么快?Vite做了很多避免重复编译的事情,比如类库缓存、热更新无须刷新页面、多文件束成一个文件节省A
2090
后端
01-01 08:00
后端
vite+vue3+ts+vant搭建项目
vite+vue3+ts+vant搭建项目,背景最近在做公司项目的技术栈迁移,基于老项目的技术栈是vue2,因此新的技术栈采用vue3+vant的模式。并且新增ts+eslint的配置提高项目的可维护性,项目打包工具在正式环境打包依旧采用webpack,而开发环境存在两种打包模式vite和webpack。vite基于浏览器ESMoudle,有打包快,体积小等优势,利于项目进行快速开发。但是由于vi
1428
后端
01-01 08:00
后端
vite创建基于vue3按需导入的ant design vue项目
vite创建基于vue3按需导入的ant design vue项目,创建vue3项目以ts为语法的vue3项目yarncreate@vitejs/appmy-vue-app--templatevue-ts复制代码以js为语法的vue3项目yarncreate@vitejs/appmy-vue-app--templatevue复制代码添加css预处理器支持Vite只针对现代浏览器,所以建议使用原生C
1246
代码人生
01-01 08:00
代码人生
vite + Vue3 遇到的一些问题汇总
vite + Vue3 遇到的一些问题汇总,啰嗦一下,vite和vue3已经出来很长一段时间了,一直没生产实践过,之前一直都是使用vue2,通过这次实践,个人感觉还是喜欢使用那经典且深入人心的vue2,或许这是众多顽固派不愿跟随技术更新的最后的倔强吧。不过vue3的语法糖挺好使的,可以减少许多代码,不用在return出去。1.项目开始的准备熟悉下vue3文档和vite文档vsoce编辑器安装Vue
780
代码人生
01-01 08:00
代码人生
vitePress快速搭建及部署一个博客
vitePress快速搭建及部署一个博客,什么是VitePress?VitePress是VuePress的小弟弟,但是vitepress是在Vite上构建的。动机主要是因为太慢!但是不怪VuePress,怪Webpack!Vite则非常好的解决了问题:1.几乎实时的服务启动2.根据需要编译页面3.非常轻量快速的HMR(热模块重载)另外,本身VuePress一些设计问题一直没有时间去修复,正好这次做
590
后端
01-01 08:00
后端
Vite的介绍
Vite的介绍,ViteVite是一个面向现代浏览器的一个更轻、更快的web开发应用基于ECMAScript标准原生模块系统(ESM)实现Vite项目依赖项Vite@vue/compiler-sfcVite的特点快速冷启动模块热更新按需编译开箱即用viteservevue-cli-serviceservevite只有当文件请求时才会去编译相应的模块vite只有在请求时才会去编译文件,文件修改也只会
512
代码人生
01-01 08:00
代码人生
Vite 源码(五)浏览器访问 `localhost:3000/` 时,Vite做了什么
Vite 源码(五)浏览器访问 `localhost:3000/` 时,Vite做了什么,在之前几篇文章中我们知道了Vite的启动过程。当我们执行yarnrundev之后,Vite会初始化配置项、预构建、注册中间件,并启动一个服务器。之后就不会再进行其他操作,直到我们访问localhost:3000/当我们访问localhost:3000/时,会通过中间件拦截文件请求,并处理文件,最终将处理后的文
469
代码人生
01-01 08:00
代码人生
vite的项目,使用rollup打包的方法
vite的项目,使用rollup打包的方法,技术栈viterollup打包方式vue-cli自带的是webpack的打包方式,打出的包体积有点大,而vite自带的是rollup的打包方式,这种方式打包的体积就非常小,官网也有一些使用说明,所以学会之后还是比较很方便的。vite的库项目可以分为两类:(我自己分的)一个是纯js的项目,不带HTML;一个是可以带上HTML(模板)的项目,比如UI库。下面
441
«
1
2
3
4
5
6
»