tsl-vue

tsl-vue

便捷、易用的 vue 通用业务组件库，旨在抽离复杂的基础功能开发，降低开发难度提高开发效率，包括富文本编辑器、动画、懒加载、三维、图表等各类组件。

$3

- 支持 按需引入
- 支持 TS
- 支持 国际化
- 支持 定制皮肤

$3

#### 安装

``html
yarn add tsl-vue -S 或 npm i tsl-vue --save
`

#### 按需加载

下面两种方式都可以只加载用到的组件。

- 使用 babel-plugin-import（推荐）。

`json
// .babelrc or babel-loader option
{
"plugins": [
["import", { "libraryName": "tsl-vue", "libraryDirectory": "es", "style": true }] // style: true 会加载 less 文件
]
}
`

> 注意：webpack 1 无需设置 libraryDirectory。

然后只需从 tsl-vue 引入模块即可，无需单独引入样式。等同于下面手动引入的方式。

`js
// babel-plugin-import 会帮助你加载 JS 和 CSS
import { Table } from "tsl-vue";
`

- 手动引入

`js
import Table from "tsl-vue/lib/table"; // 加载 JS
import "tsl-vue/lib/table/style"; // 加载 LESS
``

$3

使用过程中发现任何问题都可以直接联系我们，或提 Issue 给我们。

$3

现代浏览器

$3

| 项目 | 描述 |
| --- | --- |
| tsl-cli | 组件库搭建工具 |
| tsl-eslint-config | 代码规范 |
| tsl-stylelint-config | 样式规范 |
| tsl-markdown-loader | 说明文档解析器 |
| tsl-micro-dev-server | 内置微前端主应用 |
| tsl-project-template | 项目模板 |

$3

- 意见反馈
- 其它文档

$3

本项目基于 MIT 协议，请自由地享受和参与开源

$3

- 杨巡
- 罗钰坤
- 冉伟