1. 初始化项目 首先，使用Vue CLI来初始化一个新的Vue 3项目。 选择Vue 3并进行相关配置。 2. 设置项目结构 在项目中创建一个components目录，用于存放你的组件。比如： 3.

前言 最近写了好多篇 Chrome 浏览器插件相关的文章，有十几二十篇，就想着构建个博客，用来放置相应的文章。 正好前段时间看到 VitePress 1.0.0 发布了，而且是用 markdown 写

本文带你一起使用 Rollup 打包项目，实现以下功能： - **自动将 dependencies 依赖声明为 externals** - **支持处理外部 npm 依赖**等等

介绍我组件库打包&发布全过程。 通过npm实现一键安装，下载即玩✨(bushi 允许按需加载组件，打包大小 down down down 💟!!! 通过ts轻轻松松获取代码提示，写代码直接tab..

在vue项目开发中，我们会将经常用到的逻辑或模块抽象成组件，对于那些多个项目都有用到的组件，可以考虑封装成组件库，发布到npm。每次要到只需要npm install xx一下，就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。 组件在使用之前都需要注册组件，注册组件可…

本篇文章将介绍如何使用 vite 打包我们的组件库,同时告诉大家如何使用插件让打包后的文件自动生成声明文件(*.d.ts) 打包配置 vite 专门提供了库模式的打包方式,配置其实非常简单,首先全局安

本文涉及到的知识点：npm 包的原理以及 npm install 的原理，接着是 .vue 文件的编译原理，rollup 的使用，ESM、CommonJS、UMD 等模块规范，只有熟悉这些才能打好包

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第9天，点击查看活动详情 上文 《Vitepress搭建组件库文档（上）—— 基本配置》已经讨论了 vitepress 搭建组件库