跨框架组件库解决方案 kpc v0.8.4 发布，新增评分组件 Rate

最新推荐文章于 2024-09-13 22:11:50 发布

weixin_34364071

最新推荐文章于 2024-09-13 22:11:50 发布

阅读量119

点赞数

文章标签： webpack javascript ViewUI

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