# kui-loader
**Repository Path**: chuchur/kui-loader
## Basic Information
- **Project Name**: kui-loader
- **Description**: Replace html tag for vue components
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-03-30
- **Last Updated**: 2021-04-09
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# kui-loader
# 用途
替换 `kui` 组件库标签，如定义一个组件 名为 `switch`, 那么在引用过程种会和 `html` 本身的标签冲突，所以要进行替换。
# 安装
```bash
npm i kui-loader --save-dev
#or
yarn add kui-loader
```
# 用法
example : `index.vue`
```js
```
以上编译不会通过的，所以要进行解析替换标签：
在 `webpack.conf.js`
```js
module.exports = {
bail: true,
module: {
rules: [
{
test: /\.vue$/,
use: [
{ loader: 'vue-loader' },
{ loader: 'kui-loader', options: { prefix: false } } //放在最后保证优先加载
]
}
]
}
}
```
在非 template/render 模式下，你也可以这么用 ,使用 `k-`前缀来区分 ，部分组件也可以使用 `-` 来分割，看示例：
```html
KUI - example
Click me!
Welcome to use KUI
```
记得开启替换选项：
```js
- { loader: 'kui-loader', options: { prefix: false } }
+ { loader: 'kui-loader', options: { prefix: true } }
```