Vite学习笔记

图片加载 图片是项目中最经常使用到的静态资源之一，本身就包括了非常多的格式，比如png，jpeg，webp、avif、gif。当然，也包括经常用作图标的svg。这一部分我们主要讨论的是如何加载图片，也

前言 在真实的工程项目中，尤其是多人协作的场景下，代码规范就变得非常重要了，它可以用来统一团队代码风格，避免不同风格的代码混杂到一起难以阅读，有效提高代码质量，甚至可以将一些语法错误在开发阶段提前规避

Vite是什么？ Vite是一个前端构建工具，传统的前端构建工具有Webpack、Rollup、Parcel，也有现代的Esbuild、Vite等。不仅仅种类繁多。并且更新也很快。 前端工程的痛点 模

环境搭建 pnpm安装 pnpm设置国内加速包 创建Vite项目 配置初始文件 在使用 Vite 的过程，我们需要对 Vite 做一些配置，以满足日常开发的需要。你可以通过两种方式来对 Vite 进行

样式方案的意义 对于初学者来说，谈到开发前端的样式，首先想到的就是原生CSS。但是时间一长，难免会发现原生CSS开发的各种问题。那么，如果我们不使用任何CSS工程方案，又会出现哪些问题呢？ 开发体验不