UI组件平台组织方案

我们知道UI组件平台，有两个东西，一个是文档，一个是预览。

最近在阅读几个组件UI库，发现其组织方式有如下几种：

1. 子路由

/doc/xx

/preview/xx

 

利用react-router路由嵌套

 

2. 端口

localhost:8001/xx

localhost:8002/xx

 

启动两个独立构建环境，打包后放在一起（一份打包放在另一份打包目录下的子文件夹中）

最后利用iframe组合在一起

 

3. 入口

/doc.html#xx

/preview.html#xx

 

利用webpack多入口配置，构建成多份不同的入口文件

最后利用iframe组合在一起

 

转载于:https://www.cnblogs.com/ccbabi/p/10538588.html