# 组件库模板

**Repository Path**: Cchen_yl/component-library-template

## Basic Information

- **Project Name**: 组件库模板
- **Description**: 组件库搭建模板-内含一个按钮
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-20
- **Last Updated**: 2026-06-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# IMX-Plus

Vue 3 组件库最小模板，包含：

- 组件库源码目录
- Vite 多入口打包配置（输出 es/cjs）
- VitePress 使用文档
- 子路径导出（支持 `imx-plus/button`）

## 使用

```bash
npm install
npm run dev:docs
```

## 私有仓库发布（公司内网）

1. 复制 `.npmrc.example` 为 `.npmrc`，填入公司私有仓库地址与 token。
2. 构建并发布：

```bash
npm run release:private
```

3. 业务项目安装：

```bash
npm i imx-plus --registry=http://your-private-registry/
```

## 自动按需引入 Resolver（业务项目）

在业务项目安装：

```bash
npm i -D unplugin-vue-components
```

将下面的 resolver 直接复制到业务项目的 `vite.config.ts`：

```ts
function ImComponentsResolver() {
  return (name: string) => {
    if (!name.startsWith("Im")) return;
    const comp = name.slice(2);
    const kebab = comp.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
    return {
      name,
      from: `imx-plus/${kebab}`,
      sideEffects: "imx-plus/style.css"
    };
  };
}
```