npm install tsl-vue
便捷、易用的 vue 通用业务组件库,旨在抽离复杂的基础功能开发,降低开发难度提高开发效率,包括富文本编辑器、动画、懒加载、三维、图表等各类组件。
- 支持 按需引入
- 支持 TS
- 支持 国际化
- 支持 定制皮肤
#### 安装
``html`
yarn add tsl-vue -S 或 npm i tsl-vue --save
#### 按需加载
下面两种方式都可以只加载用到的组件。
- 使用 babel-plugin-import(推荐)。
`jsonstyle: true
// .babelrc or babel-loader option
{
"plugins": [
["import", { "libraryName": "tsl-vue", "libraryDirectory": "es", "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
使用过程中发现任何问题都可以直接联系我们,或提 Issue 给我们。
现代浏览器
| 项目 | 描述 |
| --- | --- |
| tsl-cli | 组件库搭建工具 |
| tsl-eslint-config | 代码规范 |
| tsl-stylelint-config | 样式规范 |
| tsl-markdown-loader | 说明文档解析器 |
| tsl-micro-dev-server | 内置微前端主应用 |
| tsl-project-template | 项目模板 |
本项目基于 MIT 协议,请自由地享受和参与开源
- 杨巡
- 罗钰坤
- 冉伟