![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vite
文章平均质量分 80
石小石Orz
这个作者很懒,什么都没留下…
展开
-
Vue项目打包后都产生了哪些JS请求
如果我们关注性能优化,会注意到vue项目在打包后,会产生若干js请求文件,如或本文将深入探讨Vue项目打包后产生的文件都是什么。注:vue打包后和vue项目直接本地运行后产生的js请求文件一致,为了方便展示,本文采用本地启动项目后产生的文件进行探讨。原创 2023-04-13 09:10:34 · 1428 阅读 · 0 评论 -
Vite中如何使用css的源文件映射
如果我们采用诸如webpack或vite的构建工具开发项目,一定对这个单词比较熟悉。即源代码映射,开启后,即使在开发环境也可以映射出源代码的位置。在vite项目中,css也有与之类似的属性。原创 2022-12-16 10:03:19 · 558 阅读 · 0 评论 -
Vite中预处理器(如less)的配置
通过上一章节,我们学习了vite中如何对css行为进行配置,同时知道了它的第一个配置项css.modules。传送门:https://juejin.cn/post/7175366648659411000现在,我们来深入学习它的第二个可配置项-预处理器配置项。顾名思义,这个选项是用来配置less、scss、stylus等预处理器的。现在我们通过配置less默认选项,详细了解一下preprocessorOptions的配置用法。原创 2022-12-16 10:02:11 · 7069 阅读 · 3 评论 -
Vite中如何更好的使用TS
TS 是JS的一个类型,检查我们代码中可能会存在的一些隐形问题;同时可以使我们的编译器具备一些功能。如果我们使用(vue3官方脚手架工具)创建了项目,该项目基于且 TypeScript 已经准备就绪,可以直接进行TS开发。本篇文章,我们讨论的是,任意一个安装项目中(不使用脚手架),对TS的支持情况。原创 2022-12-15 11:27:02 · 796 阅读 · 0 评论 -
vite中如何更优雅的使用css
webpack中,我们需要在项目中安装css-loader才能让webpack识别css文件。vue-cli基于webpack,内置了这个loaderVite天生就是支持对CSS文件的直接处理的。我们在项目根目录里创建好index.html、main.js、index.css然后安装viteindex.html中我们引入main.jsmain.js中我们引入index.css然后,index.css中我们加个全局背景使用vite启动项目,可以发现不用安装任何插件就可以识别.css文件。原创 2022-12-12 14:06:42 · 2100 阅读 · 0 评论 -
vite中静态资源(css、img、svg等)的加载机制及其相关配置
vite对静态资源文件的处理原创 2022-12-05 09:14:04 · 8317 阅读 · 0 评论 -
【vite·5】vite中环境变量的使用与配置(全网最全)
vite中环境变量使用与配置(全网最全)原创 2022-11-30 23:02:31 · 10524 阅读 · 2 评论 -
5min彻底搞懂vue中的keep-alive
Vue不同组件在进行切换时,组件会被重复销毁,重新渲染。使用 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。根据上述代码,默认渲染A组件,不渲染B组件。点击按钮时,销毁A组件,渲染B组件。再次点击按钮时,销毁B组件,渲染A组件。添加后,默认渲染A组件,不渲染B组件。点击按钮时,A组件被缓存,渲染B组件。再次单击按钮时,缓存B组件,显示A组件。可见,该方式可节省性能。如,A组件和B组件均存在大量HTTP请求,如果重复切换按钮,请求也会重复进行,对网页的性能耗费较大;原创 2022-11-18 11:06:13 · 216 阅读 · 0 评论 -
Vue3中引入Element-plus
Vue3中引入Element-plus原创 2022-11-18 10:49:20 · 3627 阅读 · 1 评论 -
【vite·4】vite在多环境下的配置集成方案及defineConfig(非常详细)
vite在多环境下的配置集成方案及defineConfig原创 2022-11-14 10:00:17 · 12132 阅读 · 0 评论 -
【Vite·3】Vite的基础使用及其依赖预加载机制(非常详细一看就懂)
Vite的依赖预加载机制及其依赖预构建优点原创 2022-11-03 15:29:09 · 4126 阅读 · 0 评论 -
【Vite·2】vite脚手架create-vite和vite的区别
vite脚手架和vite的区别原创 2022-11-03 15:21:23 · 998 阅读 · 0 评论