起因 最近学习如何编写vite插件，于是便想着写一个用于上传项目产物到oss的vite插件。支持自定义实现上传方法。 话不多说，干就干完了。 源码仓库 github 创建项目 安装项目所需依赖 安装t

这篇文章介绍了项目搭建的步骤，然后讲解了业务场景中的代码打包差异，并提出了打包优化的两个点。接着详细介绍了如何将第三方依赖库和业务代码单独打包成不同的js文件，并提出了手动填写第三方库的缺点。

公司的h5项目越来越大，打包进度展示2万+模块, 尽管从webpack2升级到webpack4，冷启动仍需三分多钟，热更新10s左右，占用电脑内存也大，开发体验较差；决定在运行项目中引入vite

前端项目性能优化和开发体验优化是无法避免的一个话题，在之前使用webpack做应用构建的时候，我们有许多手段和插件来做优化。当我们使用vite构建应用时也有许多插件来做优化，本文对vite的优化插件或

【Vite配置篇】一步步学习Vite常用配置及优化方案，让你快速进入开发状态，给我们带来更快的开发体验。

Plugin 如果说你没有对前端模块化有过了解，不了解 Webpack 的 plugin，可以阅读这个章节了解 Plugin 的前世今生~ 在上一代打包工具 browserify

背景 项目过程中，你是否每加一个页面，都要添加路由的的烦恼？ 你是否想每加一个.vue文件，自动生成路由文件呢？ 下面这个插件，就可以解决你的这些烦恼。 安装 使用 vite.config.js sr

vite 中使用 .envjclee95 https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343 邮箱 ：291148484@163.com

这篇文章主要分享一下vite打包两种方式 vite打包支持浏览器直接打开 使用vite打包单个组件并发布到npm 由于都属于vite打包相关就将其整合到一篇文章中了，有相关需求的朋友可直接查看对应章节