关于前端构建工具，先有gulp、grunt、webpack，现在又有了vite；或许有同学会疑问，我们为什么要使用vite，以及到底该选哪一个呢？这篇文章将会给你答案，并且让你在前端的路上渐行渐远

大家好，我是易师傅，因为公司目前大部分项目都已转为 vite，为了给社区添加一份贡献，故开发了一个已经应用到项目中的vite 前端打包进度条的插件 vite-plugin-progress；

从0到1，带你搭建Vite+Vue3+Unocss+Pinia+Naive UI后台，基于 Vue3.0、Vite、Naive UI 的后台管理模板，简洁、轻量而优雅

关于报错 如果用了ts那么还需要在tsconfig.js中进行额外配置，注意path对象是在compilerOptions对象里面

完成本文配置后，ts的vite项目会在支持alias的解析的同时，编辑器也支持项目对 @ 路径的解析

在vue2+js+vue/cli的项目中，我们使用了一个插件Path Intellisense用于便捷的指定路径名，但是同样的方法并不适用于vite里面，参阅文档后进行整理 vue2+js+vue/c

最近换了新的工作，因为新公司的项目使用微前端的集成方案，一个项目被从组件层面拆分出来不少单独的模块，所以经常需要新创建项目。也是因为以上的背景，让我有更多的机会尝试不同的工程打包方案，其中一个便是以速

vite出来一段时间了，现在能不能投入实际的生产中。这篇文章通过实际的项目开发上线来探讨能否投入生产。

业务背景 近些年来，随着前端工程架构发展，使得前端项目中也能拥有如后端工程的模块能力。今天我们就来聊下如何在`Vite`中实现一套拓展能力强的多环境适配方案。