首页
文章归档
动态
友情链接
关于我
1
解决git clone连接不上github的问题
2
Vite打包优化
3
Vite对CSS的处理
4
Centos7如何设置默认开机启动图形界面
5
如何让vite.config.js出现语法提示
牛伟豪
劝君莫惜金缕衣,劝君惜取少年时
累计撰写
21
篇文章
累计创建
10
个标签
累计收到
41
条评论
导航
首页
文章归档
动态
友情链接
关于我
目录
搜索
标签搜索
Java
cpp
算法
算法思路
blog
数据结构
Vite
Node
Linux
git
牛伟豪的博客
欢迎大家来到我的博客
标签
Vite
Vite打包优化
1. 分包策略分包策略就是将不会经常更新的文件进行单独打包处理,使客户端加载资源更快。首先说一下浏览器的缓存特性:第一次访问网站时,浏览器首先向服务器发起HTTP请求 ,服务器响应该请求,浏览器第一次拿到结果后,会根据响应头的缓存标识,决定是否缓存,是则将请求结果和缓存标识存入浏览器缓存中。缓存规则
1 年前
2663
14
0
332.3℃
Vite学习记录
Vite对静态资源的处理
1. 对图片的处理如果你用下面的代码导入图片:import img from './src/assets/images/1.png'console.log(img); // ./src/assets/images/1.png就会得到图片的相对路径。这是因为vite默认把导入图片转换为图片
1 年前
1442
0
0
168.2℃
Vite学习记录
Vite对CSS的处理
vite自带对css的直接处理,他的大概处理方法如下:import './a.css'; // 比如这样直接引入了一个css文件。通过Node的fs模块读取css文件,并创建一个<style></style>标签,把css文件写入标签。将写入完成的标签插入到html的&l
1 年前
2150
0
0
239℃
Vite学习记录
Vite中的环境变量处理
1. 原理Vite是用dotenv这个第三方库去实现的dotenv这个第三方库会自动读取.env文件,并解析这个文件中对应的环境变量,并将其注入到process.env下面(Node的进程信息)。但是vite考虑到和其他配置的一些冲突问题,他不会直接注入到process对象下。其中涉及到vite.c
1 年前
1384
0
0
162.4℃
Vite学习记录
如何让vite.config.js出现语法提示
引入defineConfigimport { defineConfig } from "vite" // 引入defineConfig可以出现语法提示,因为defineConfig这个函数里面规定了用户应该配置的项目。export default defineConfig({ // 返回该对象 &n
1 年前
2047
0
0
228.7℃
Vite学习记录
弹