预览地址：vue-naive-admin
这是该系列的第三篇文章。如果您还没有阅读前两篇文章，建议吃前两篇文章
一系列历史文章：
配置章节分为三个部分：上部和下部。本文主要介绍插件-in配置
本文将介绍如何集成以下插件-in：
在随后的文章中，您还将集成Icon插头-in，组件库，以引入插件-In和模拟插件。
集成的Vite-Plugin-Vue-setup-扩展1：安装
步骤2：在内置文件夹下创建
构建/插件/index.js
步骤3：修改
vite.config.js
文件修改如下图所示：
集成的汇总 - 泛 - 访问者步骤1：安装
步骤2：修改
构建/插件/index.js
步骤3：包装验证插头是否有效
通常，您应该在根目录中生成文件。通过浏览器打开此文件，您将看到以下页面。由于它仍然是一个空的项目，因此还没有太多的依赖项目
步骤4：添加到git忽略项目
.gitignore
每次我打包时，都会生成一个新的，而无需通过git添加提交
集成的Vite-Plugin-HTML集成主要是为了压缩和注入动态数据，例如更换网站标题和CDN
步骤1：安装
步骤2：创建
构建/插件/html.js
步骤3：修改
构建/插件/index.js
步骤4：修改标题并重新启动以验证插头是否成功
如果没有意外，则页面的标题已被我们配置的标题替换
集成的UNOCS步骤：安装依赖项
步骤2：新文件
构建/插件/unocss.js
步骤3：修改文件
构建/插件/index.js
步骤4：新建...
样式/reset.scss
样式/public.scss
样式/索引。Scss
步骤：修改UNO.CSS的引入
src/main.js
步骤5：修改，使用UNOCS验证UNOCS是否成功
src/app.vue
查看以下页面，以下页面证明了集成成功。此外，可以直接删除该文件
暂时介绍了插头 - 章节。本文中有许多内容，但是除了UNOCS相对简单之外，UNOCS的集成相对复杂，但是在集成后使用仍然非常酷。关键是它足够轻，足够轻。
如果您有与您一起做的朋友，则可以git提交代码。如果您有任何错误，请提醒您在评论区域。在下一篇文章中再见?
开源并不容易，也请享受明星
源代码github：vue-naive-addmin（github.com）
源代码码：vue-naive-admin（gitee.com）
下一个计划：从0到1，带您构建vite+vue3+pinia+naive UI背景（2）
原始：https：//juejin.cn/post/70978897573701157