dewfall123 / vitepress-for-component

📖 针对组件开发的VitePress。 重构版本https://github.com/dewfall123/ruabick
https://dewfall123.github.io/vitepress-for-component/
MIT License
194 stars 38 forks source link

能否支持Iframe模式, #35

Open pangao66 opened 2 years ago

pangao66 commented 2 years ago

vuepress目前不支持iframe模式, dumi是将所有组件打成一个包,所以的组件都可以单独访问

dewfall123 commented 2 years ago

支持iframe是指啥? 为了干啥? 现在直接用的vite打包的,打包逻辑可以自己修改的,后续在模板里可以支持下单独打包。

pangao66 commented 2 years ago

dumi是支持Iframe模式的https://d.umijs.org/guide/basic#iframe-mode 某些情况下用iframe模式有很大的好处 比如避免样式冲突, 定位问题等, iframe模式如果能支持,那还可以做成dumi那样image 搞移动端ui文档

bowencool commented 2 years ago

+1,我的场景是layout(全屏组件、且耦合了router-view),就像这个

zhangshichun commented 2 years ago

CSS污染问题确实很严重。layout.css里对基础元素进行了大量的样式定义,这些非常可能直接影响组件样式。 比如我在Element-plus基础上进行二次开发,就遇到了以下样式的污染。

table {
  display: block;
  border-collapse: collapse;
  margin: 1rem 0; // this
  overflow-x: auto;
}

建议所有全局样式的效果,不影响 .demo-slot

MaybeQHL commented 2 years ago

我也遇到这个问题,如何能把已经编写的demo组件动态打包成html,通过iframe进行预览,可以更直观的看到移动端的情况和也能避免样式的污染

MaybeQHL commented 2 years ago

比如 触摸这种事件只有在移动端的环境下才可以演示

bowencool commented 2 years ago

我发布了一个解决方案:https://github.com/bowencool/blog/issues/15

zhoufanglu commented 1 year ago

有一样的问题,最后怎么解决的?