大家好，我是 simple ，最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化，在这里做一个记录，以便后期查阅。(完整配置在后面)

Vue3.3发布了，主要改进了开发者体验，新增了一些语法糖和宏，以及对TypeScript的改善。其中包括泛型组件、defineSlots、defineEmits、defineOptions 等特性

11 月 16 日，Vite 5.0 正式发布，这是 Vite 道路上的又一个重要里程碑！Vite 现在使用 Rollup 4，这已经代表了构建性能的大幅提升。此外，还有一些新的选项可以改善开发服务器

本文旨在分析vite中的依赖预构建功能，并附加相关功能的代码地址和官网地址，从开始在结束介绍整个预构建流程。

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 Vite 从入门到精通 | 插件系统 介绍 命名规范 rollup-plugin-xxx vite-plugin-xxx Vite 兼容 R

1. 什么是postcss PostCSS是一个使CSS更容易，更灵活，更快速工作的工具。PostCSS 不是 一个“真正的”预处理器。PostCSS相当于一个CSS解析器，框架或API，它允许我们使用可以完成各种任务的插件。 它本身没有任何插件，为了更改原始 CSS，我们必须…

webpack配置了px2rem之后，老项目有的border写的是1px solid xxx;这种写法写的描边在安卓部分手机上描边消失了, 这里有解决方案！

REM是根据根结点来计算各个子节点的值，所以根结点也要做响应式变化。定义一个utils/setRem.js

2022年了，还没有用过 Vue3？赶快来学习吧，Vue3实战专栏，带你走进 Vue3，本文将介绍如何使用 Vue3+Vite 搭建一个项目