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

记一次关于前端页面加载 vite 打包优化的分享，涉及性能点分析， chrome 调试工具的使用，vite 相关打包插件的配置，希望看完对大家优化自己的项目有所帮助

彼时彼刻，Vite 以其极致的项目启动速度和 HMR 速度，在前端工具链领域一骑绝尘，后来挑战者出现了，它就是由 webpack 创始人联合开发的 Turbopack...

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

最近一个项目是用vue+vite进行开发的多页应用,此次主要和大家分享一下vite配置，导出目录，目录优化，和一些其他的注意点

优点 不像webpack 配置比较繁琐 ejs 模式自动tree shaking 不会像webpack一样打包生成很多多余代码(webpack自定的require,factory函数等) 所以常用来打

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 问题1：process.env找不到（process is not defined） 问题描述：在vue2中可以使用process.env，但vu