随笔分类 - Vite
vite中静态资源的处理
摘要：public目录 public 目录是存放静态资源的一种方式。 2.项目初始化时默认public作为静态资源服务的文件夹。我们可以在vite.config.js中修改publicDir。 3.该目录中的文件开发期间在 / 处提供，并在构建期间将public文件夹下的文件（不包含public本身）复制
在vite中使用sass
摘要：### 简介 sass提供了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，强化了css的功能，编写css更便捷，功能更强大 ### 使用 1. 安装sass 以前用vue-cli的时候，还要安装sass-
配置proxy代理
摘要：在vite.config.ts中进行如下配置 ``` server: { // http://localhost:5173/api/login -> http://www.test.com/login proxy: { //api是自行设置的请求前缀，任何请求路径以/api开头的请求将被代理到对应的
CDN加速
摘要：### 概念  当我们在使用一些第三方包的时候，势必会导包到我们自己的服务器上，会增加代码体积，同时距离你
vite生产优化
摘要：### 分包策略 由于浏览器的分包策略，静态资源名相同，就不会重新请求（可以清除浏览器缓存）。当我们稍微修改业务代码，就会重新打包文件，但是一些第三方包其实是没有修改的，他们也一起被打包进一个文件了，所以需要分包。 **看个示例：** 咱们引入lodash，然后main.js中写入一点逻辑。 ```
性能优化前瞻
摘要：### 概述 - 开发时构建速度优化 - 首屏渲染优化 - js逻辑优化 - css优化 - 生产构建优化 ### 开发时构建速度优化  ### vite常用插件 **vite-aliases** 帮忙生成@别名  ### 安装
vite依赖预构建
摘要：### 前言 当你首次启动 vite 时，Vite 在本地加载你的站点之前预构建了项目依赖。默认情况下，它是自动且透明地完成的。 ``` import _ from 'loadsh' export const count = 999 ``` 为什么能找到loadsh？vite在处理过程中，如果看到了
vite初体验
摘要：### 构建工具是什么  ### 构建工具作用 
