npm init vite 我的项目名 — –template vue创立后的我的项目package.json如下，默认vue3+ts（按官网提醒创立我的项目即可）

{代码…} {代码…} {代码…} rollup-plugin-visualizer可视化并剖析您的 Rollup 捆绑包以查看哪些模块占用了空间

如果执行yarn build打包命令时，呈现上图的报错，可能是因为env.production 文件配置谬误，确认接口前缀配置正确，生成环境不须要配置VITE_PROXY。

Home | Vite 官网中文文档社区插件：[链接]应用感触：Vite 本质是对各场景下的最佳计划的整合react 罕用配置 {代码…} 知识点Es Moduleimport – JavaScript | MDN兼容 反对绝大多数古代游览器动态引入 {代码…} {代码…} 动静引入 {代码…} 引申：React 组件动静引入意义：将一些应用场景较少的组件动静引入，缩小核…

动机去年应用vue3 + TSX封装组件，后果卡在了打包上，直到最近发现，vite提供了tsx的打包插件。组件筹备手把手创立Vue3组件库在packages/index.ts中引入相干的组件、工具库、款式。Vite配置 {代码…} pkg#scripts {代码…} 申明组件模块避免typescript中引入module报错 {代码…}

须要最初达到的应用目标 {代码…} VIcon 组件假如咱们首先封装一个 v-icon 组件在 src/components/VIcon.vue 。 {代码…} 应用 unplugin-icons 作为图标按需加载在目前的解决方案中，可能会应用 unplugin-icons 插件在 SFC 中动态按需加载图标。 {代码…} 配合 unplugin-vue-components 主动导入省去 script 的 impor…

哈喽，很快乐你能点开这篇博客，本博客是针对 Vite 的体验系列文章之实战篇，认真看完后置信你也能如法炮制写一个属于本人的 vite 插件。

1. 配置vite.config.ts {代码…} 2. 配置tsconfig.json {代码…}

哈喽，很快乐你能点开这篇博客，本博客是针对 Vite 源码的解读系列文章，认真看完后置信你能对 Vite 的工作流程及原理有一个简略的理解。

1、vscode vue3插件与vue2插件抉择注意事项（待欠缺）2、ts 函数重载（待欠缺）