背景 最近的项目有一个加载远程组件的需求。基于此我对 Vue 加载远程组件的方案进行了研究，并且整理了两个可行的解决方案。 HTML 文件 + umd 组件 这个方案是最简单、最容易实现的。组件以 u

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

“哥，我面试字节挂了！” 小明哭丧着脸：“MD，太卷了！这 Vue3 刚转正没多久，面试官就问上我原理了，什么 reactivity 实现原理，proxy ，Vue3初始化的流程，编译优化，diff

支持Vue 2和Vue 3开箱即用 支持组件和指令 支持Vite、Webpack、Vue CLI、Rollup 支持仅注册您使用的组件 文件夹名称作为名称空间。 支持ts 用于流行UI库的内置解析器

起初 Vue3.0 暴露变量必须 return 出来，template中才能使用； Vue3.2 中 只需要在 script 标签上加上 setup 属性，组件在编译的过程中代码运行的上下文是在 se

前言项目有开发环境、测试环境、线上环境，里面的接口域名等是不同的。每次调试或者打包的时候手动改动各个变量，比较麻烦，也容易出错，所以用自动化方式直接配置的不同的环境变量。文件配置在项目根目录下添加文件

环境变量与模式 import.meta.env.MODE: string 应用运行基于的 模式。 import.meta.env.BASE_URL: string 应用正被部署在的 base URL。

vite的项目，如何使用rollup的方式打包？看这里，比较完整的介绍，包会的那种。支持纯JavaScript的库，以及带模板的库。

vite2 + vue3，在 vite.config.js 里面通过“模式”实现不同的运行、发包方式。