内容简介:kpc是金山云前端团队推出的跨框架的组件库解决方案,目前支持金山云内部框架Intact,以及流行的Vue/React。开发该组件库的目的是,希望通过一套组件库来满足不同团队之间不同的技术栈的开发需求,同时相比维护针对...
kpc是金山云前端团队推出的跨框架的组件库解决方案,目前支持金山云内部框架Intact,以及流行的Vue/React。开发该组件库的目的是,希望通过一套组件库来满足不同团队之间不同的技术栈的开发需求,同时相比维护针对各个框架开发一套各自的组件库而言,可以将维护成本将至最低,且可以做到各个框架同步更新
在现有的Vue后者React中引入该组件库只需要配置一项webpack的alias即可,详见文档说明
Vue CLI 3
在项目根目录下创建vue.config.js文件,内容如下:
module.exports = {
configureWebpack: {
resolve: {
alias: {
'kpc': 'kpc/@css',
'intact$': 'intact-vue',
}
},
}
}
然后就可以引入kpc组件使用了
Create React App
修改配置之前,我们需要弹出项目的配置文件
npm run eject
然后修改配置文件config/webpack.config.js
--- a/config/webpack.config.js
+++ b/config/webpack.config.js
@@ -265,6 +265,8 @@ module.exports = function(webpackEnv) {
// Support React Native Web
// https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
'react-native': 'react-native-web',
+ 'kpc': 'kpc/@css',
+ 'intact$': 'intact-react',
},
plugins: [
// Adds support for installing with Plug'n'Play, leading to faster installs and adding
更新日志
Add新增评分组件Rate#218AddForm支持vertical和inline布局方式 #219AddSelect支持loading状态 #220AddDatepicker新增getDateString和createDate方法,用于日期字符串和日期对象之间进行转换Fix修复Icon不能通过style属性定义图标颜色的问题 #217Fix修复Slider属性max/min取值为undefined时会报错的问题 #216Fix修复Table在边框模式下,吸顶的表头宽度会超出2px的问题 #222Fix修复Dropdown及该类型的组件,在菜单弹出后,点击另一个组件,上一个菜单不会自动隐藏的问题 #221Fix修复Datepicker被禁用的日期hover时依然有背景色的问题 #223
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- Android快速开发框架,基础库,样式库,组件化,组件集成
- 框架组件,究竟要不要自研?
- Android组件化框架搭建
- Android组件化框架项目详解
- Web 组件即将取代前端框架?!| 技术头条
- 网易严选跨框架组件开发实践
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
数据结构与算法:python语言实现
迈克尔.·T·古德里奇、罗伯托·塔玛西亚、迈克尔·H·戈德瓦瑟 / 张晓、赵晓南 / 机械工业出版社 / 2018-9 / 109.00元
本书采用Python语言讨论数据结构和算法,详细讲解其设计、分析与实现过程,是一本内容全面且特色鲜明的教材。书中将面向对象视角贯穿始终,充分利用Python语言优美而简洁的特点,强调代码的健壮性和可重用性,关注各种抽象数据类型以及不同算法实现策略的权衡。一起来看看 《数据结构与算法:python语言实现》 这本书的介绍吧!