记录一次 Vite 构建优化 背景 最近一直在做一些工程化的事情，其中就有对项目的构建优化。在这个过程中，踩了不少的坑，也学到了不少东西，这里做一个总结。

从`vue3`正式发布今天也已经接近一年半的时间了，vue3也成为了vue的默认版本。所以自己也尝试着一步一步使用vite2来搭建一个vue3+ts的基础项目，希望对大家能有所帮助。

vite、vue3有多火就不多介绍了，咱们直接上手尝试一下！ 内容篇幅可能偏长，都是手把手的硬干货，敲完会有意外的收货！ 环境准备 Node.js版本 >= 12 建议将Node.js升级到最新的稳定

由于vue3之后，用vite替代了webpack，原本的require语法不生效了，动态的拼接图片，目前有两种方法

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 使用 vite 创建的 vue3 项目有点简陋，很多功能都没有。所以本文将讲解一下如何对 vite + vue3 项目配置代码自动格式化。配