# bito-icons

> BITO SVG ICONS 统一管理仓库，用于BITO云宇宙所有前端管理系统。

Latest version **0.1.2** (published 2022-12-22) · 0 weekly downloads

## Install

```sh
npm install bito-icons
pnpm add bito-icons
yarn add bito-icons
bun add bito-icons
```

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.2 |
| Published | 2022-12-22 |
| First published | 2022-12-19 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 696.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | zhn20123136 |

## Links

- npm: https://www.npmjs.com/package/bito-icons
- npm.io page: https://npm.io/package/bito-icons

## Recent versions

- 0.1.2 (latest) — 2022-12-22
- 0.1.1 — 2022-12-21
- 0.1.0 — 2022-12-19

## README

# bito-icons

    BITO SVG ICONS 统一管理仓库，用于BITO云宇宙所有前端管理系统。

## npm发布步骤

* 注册 npm 账号
* 在terminal中执行：npm login，然后输入账号、密码、邮箱来登录
* npm publish（如果是更新后重新发布，请先修改 package.json 中的 version 号）

## 在云宇宙系列前端中引入 bito-icons 的步骤

### 删除下列文件夹

![删除该文件夹](./documents/delete-old-icons.png)

### 安装
```
npm i bito-icons@latest
```

### 在 main.js 中修改引入
```
// 删除旧版引入方式：
// import './assets/icons'
```

```
// 修改为新版引入方式：
import SvgIcon from '@/components/SvgIcon'// svg component
Vue.component('SvgIcon', SvgIcon) // 全局组件挂载
import 'bito-icons'
```

![在 main.js 中修改引入](./documents/update-main-js.png)


### 在 vue.config.js 中修改svg路径
```
    config.module
      .rule('svg')
      .exclude.add(/[\\/]node_modules[\\/]_?bito-icons(.*)/)
      .end()
    config.module
      .rule('icons')
      .test(/\.svg$/)
      .include.add(/[\\/]node_modules[\\/]_?bito-icons(.*)/)
      .end()
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')
      .options({
        symbolId: 'icon-[name]'
      })
      .end()
```
![在 vue.config.js 中修改svg路径](./documents/update-vue-config-js.png)

### 重启BITO云宇宙的前端服务

```
npm run dev
```

---
_Source: https://npm.io/package/bito-icons · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._