Vite有个开箱即用的插件，来帮助我们进行语法降级与polyfill，但是它的原理什么呢？首先要了解Babel的解决方案，然后再看看Vite具体是怎么去使用Babel来处理的

之前在 为什么有人说 vite 快，有人却说 vite 慢？ 一文中，我们有提到开发模式下使用 Vite 会有首屏和懒加载性能下降的负面效果，并且在文章的结尾提到了可以通过持久化缓存、prefetch

GitHub 仓库地址：https://github.com/vitejs/vite Vite 官网地址：https://cn.vitejs.dev/ 1. 环境变量配置 项目根目录新建，.env.p

打包上传oss 引入svg 混淆打包 vconsole 配置全局less gzip 打包上传oss 根目录oss.js npm vue.config.js 引入svg 定义path vue.confi

Vue.js CLI工具 不知不觉发展到了4.0时代，CLI给人最直白的感受是没有了build文件夹跟config文件夹，所有的配置都在Vue.config.js完成。那么该文件的配置至关重要。现在我们来看一下最新配置是怎么配置的。 有三种方式，推荐第二种标准版（无需安装依赖，…

背景 最近自己在学习，vite的配置，基本都配置完成了，下面列出自己的配置项 vite.config.js

折腾了好久，我终于找到了解决办法。 既然vite有alias，那我在想，是否可以设置alias的图片路径，这样我在引用图片的时候，就不用写那么长的路径了。结果是不行的，用常规设置组件alias的办法来

Vite1还没用上，Vite2已经更新了，全新插件架构，丝滑的开发体验，和Vue3的完美结合。 2021年第一弹，村长打算以Vite2+Vue3为主题开启大家的前端学习之旅。 Vite2主要变化在插件体系，这样更标准化、易扩展。Vite2插件API扩展自Rollup插件体系，因…

说白了vite就是为开发者量身定做的一套先进的开发工具，按需编译、热模块替换等特性使我们开发时免除了重新打包的等待时间，开发体验丝滑，默认还整合了vue3，是居家旅行、杀人灭口之必备良药。目前vite已经是正式版，相关的生态正在迅速繁荣起来，我也第一时间在工程化方面做了一些探索…