# npm_vue3_coms_lib

**Repository Path**: akaedu2012/npm_vue3_coms_lib

## Basic Information

- **Project Name**: npm_vue3_coms_lib
- **Description**: Vue 3 + TypeScript + Vite + vite-plugin-dts + gulp 等搭建的 vue3 monorepo 组件库模板
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-01-03
- **Last Updated**: 2025-01-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + TypeScript + Vite + vite-plugin-dts + gulp 等搭建的 vue3 monorepo 组件库模板

# 项目结构仿 element-plus，支持按需导入、全局导入、也支持按需|全局导入 scss/css

# 组件测试在 play 文件夹进行实现

# 1. 安装依赖

```
pnpm i
```

# 2. 测试 play 运行

```
pnpm run dev
```

# 3. 打包

```
pnpm run build
```

# 4. npm 用户名替换

<strong style="color: red">全局替换 - @zanewang --> @你的 npm 用户名 </strong>

# 5. 打包组件库并发布

```
cd ./dist
<!-- 登录npm -->
npm login
<!-- 发布 -->
npm publish
<!-- 后续发布改版本 -->
cd ./packages/wdsp/packages.json
npm version patch
cd ../../dist
npm publish
```

---

# 6、中途遇到这种报错，忽略即可，代码内会进行路径替换

```
../components/icon1/style/index.ts:1:8 - error TS2307: Cannot find module '@zanewang/theme-chalk/src/icon1.scss' or its corresponding type declarations.
packages/wdsp build: 1 import "@zanewang/theme-chalk/src/icon1.scss";
```

# 7. npm 地址

```
https://www.npmjs.com/package/@zanewang/wdsp?activeTab=code
```