# v3-npm-package

**Repository Path**: lkp_ksbk/v3-npm-package

## Basic Information

- **Project Name**: v3-npm-package
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-20
- **Last Updated**: 2025-08-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# v3-npm-package

此时：
- src就是调试代码的地方；
- packages就是组件代码的地方；


# icon组件
哪些需要自定义。

1. 类名
2. icon的name
3. 点击事件

# button组件

1. 增加图标。
2. type
3. 文字内容


![img.png](img.png)

打包：
编写lib.config.js文件。然后配置脚本命令：`"build:lib":"vite build --config ./build/lib.config.js"`，执行：
```
npm run build:lib
```
![img_1.png](img_1.png)

此时发布后，还不能用，需要配置入口文件和css。

```cookie
  // package.json
  "main": "dist/ks-components-es.js",
  "style": "dist/v3-npm-package.css",
```
![img_2.png](img_2.png)
```cookie
 "files": ["dist"], // 只打包dist文件夹，其他的是测试用的
```

> 注：
> 1. 要是npm官方地址。不要淘宝；
> 2. 修改版本号；
> 3. private修改为false。
> 


版本号更新：
![img_3.png](img_3.png)


eg: 
- npm version major|minor|patch


- npm version premajor // 1.0.3-0
- npm version preminor // 0.1.3-0
- npm version prepatch // 0.0.4-0
- npm version prerelease

如果cnpm没有及时更新（默认是10分钟），可以手动更新：
![img_4.png](img_4.png)