@ektlang/common-ui

0.19.0 • Public • Published

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

Readme

Keywords

Package Sidebar

Install

npm i @ektlang/common-ui

Weekly Downloads

0

Version

0.19.0

License

ISC

Unpacked Size

1.2 MB

Total Files

20

Last publish

Collaborators

  • gyt95
  • wulin905