打包工具学习

一、页面的性能指标 1. 首屏渲染时: fcp(first content paint) 1. 懒加载 2.http优化: 协商缓存 强缓存 2. JavaScript逻辑 1. 副作用清除 2. 浏

一、vite-aliases官方网址 1. 作用 2.使用方法 Install Add it to vite.config.js 3.原理实现Plugin API | Vite (vitejs.dev

一、Vite配置TypeScript官方网址. 1. Vite搭建TypeScript校验 1.下载依赖 2.配置vite.config.ts 3. 创建tsconfig.json 附加内容类型声明文

一、Vite处理静态资源 核心内容： Vite是开箱即用可直接使用静态资源(包括图片文字和json文件之类) 服务端读取图片的参数

一、区分开发环境和生产环境 二、环境变量配置 1.什么是环境变量 2.怎么去读取.env文件的 (配置完为什么会生效) 3.如何配置环境变量 创建环境变量 使用环境变量

1.Vite和webpack的对比 2.Vite如何处理CSS的(了解) 3.Vite如何处理模块化CSS(重点)为了解决类名重复 1.在vite中处理模块化css步

一、vite的预加载 - 做了什么(开发环境) - 路径补全 做了什么(生产环境) 依赖预构建

- vite第一章 - 搭建vite工程 - 使用命令创建vite项目 - 构建一些具备框架功能的预设模板