ekt 通用组件库

按需引入

import { Button } from '@ektlang/common-ui'

Vue.use(Button)

运行

npm run dev         // 本地运行,用于在本地测试组件. 地址:http://本地ip:7006

npm run dist        // 打包组件并发布,发布成功后更新项目中该库的版本号

建议

在 packages 新建组件并完成开发后，建议在 examples/play 创建对应的测试组件，进行本地调试。（涉及 element-ui 组件的组件除外）

如何加入组件

1.创建组件目录，在 src 中加组件，注意每个组件要带 name

2.创建组件的 index.js

3.components.json 配置

4.src/index.js 引入

如何在本地调试组件

以往每次开发通用组件时，都需要通过发布版本进行测试，导致有大量调试版本。

现在解决方法是，进行本地调试组件。

第一步，在组件库目录下执行 npm link，生成本地组件库链接。

第二步，在需要引入此库的项目的目录下，执行 npm link @ektlang/common-ui 即可。

第三步，每次组件调试后，执行 npm run build，项目中所引入的组件会做实时更新。

关于 EktAlert 组件的使用

这是对 vue-sweetalert2 插件常用的方法进行二次封装，减少业务中冗余的代码。 后续如需要调用其它 API，再进行扩充。

e.g. this.$ektAlert.success('创建成功！')
e.g. this.$ektAlert.warning('警告！')

也支持自定义，如：

import EktAlert from 'path'
通过Vue.prototype.$alert = EktAlert;
e.g. this.$alert.success('创建成功！')

关于 node-sass 和 node 版本对应问题

| NodeJS | Supported node-sass version | Node Module | | ------- | --------------------------- | ----------- | | Node 16 | 6.0+ | 93 | | Node 15 | 5.0+ | 88 | | Node 14 | 4.14+ | 83 | | Node 13 | 4.13+, <5.0 | 79 | | Node 12 | 4.12+ | 72 | | Node 11 | 4.10+, <5.0 | 67 | | Node 10 | 4.9+, <6.0 | 64 | | Node 8 | 4.5.3+, <5.0 | 57 | | Node <8 | <5.0 | <57 |

from：https://github.com/sass/node-sass#node-version-support-policy