# HaloE-Design-2.0

**Repository Path**: halo-e/haloe

## Basic Information

- **Project Name**: HaloE-Design-2.0
- **Description**: haloe vue2.0版本
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: develop
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 73
- **Forks**: 57
- **Created**: 2022-12-23
- **Last Updated**: 2025-08-29

## Categories & Tags

**Categories**: vue-extensions

**Tags**: None

## README

# bview

> UI组件库，VUE版

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run all tests
npm test

# run dep  
npm run dep
```

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).


## Build only bview

修改webpack打包配置，单独引入vue和bview
```
// webpack.config.js
 externals: {
      vue: 'Vue',
      ['bView']: 'bview',
  },

```


在index.html中显示引入bview

```
<script src="/static/vendor/dist/vue.min.js"></script>
<script src="/static/vendor/dist/iview.min.js"></script>
<script src="/static/vendor/dist/bview.min.dep.js"></script>
<link rel="stylesheet" href="/static/vendor/dist/style/bview.css" >
```


显示引入bview
```
// 引入bviw
import bView from 'bView'

```
# Develop Guide.

## 代码结构
   
    ├── build                           #编译文件
        
    ├── config                          #编译的配置
          
    ├── dist                            #编译后文件
        
    ├── examples                        #组件开发示例工程
        
        ├── assets                      #静态资源
                
        ├── components                  #通用组件
                       
        ├── router                      #路由文件
                               
        ├── styles                      #样式文件
                        
        ├── views                       #组件示例页面
            
    ├── node_modules                    #依赖包文件夹
       
    ├──src                              #组件源代码
       
            ├── components              #组件目录
       
            ├── directives              #公用指令
                   
            |—— locale                  #国际化语言
       
            ├── mixins                  #基本组件
                   
            ├── styles                  #样式文件
            
                ├──common               #图标和字体
       
                ├── components          #自定义的组件样式
       
                |—— dark                #深色主题样式
       
                ├──iview-components     #原iview组件库样式（覆盖iview组件样式时需要）
       
                |—— mixins              #基础公共样式
                
                |—— colors.less         #颜色变量
                
                └── total.less          #样式入口文件
       
            |——utils                    #工具箱
       
            └── index.js                #入口文件
      
    ├── static                          #静态资源
      
    ├── types                           #组件API声明文件
      
    ├── .babelrc                        #babel配置文件
      
    ├── .editorconfig                   #编辑器配置文件    
      
    └── ...                             #其他配置文件