eleme / morjs

基于小程序 DSL(微信、支付宝)的,可扩展的多端研发框架,支持一键将微信或支付宝小程序转换为微信、支付宝、百度、字节、QQ、快手、淘宝、钉钉等小程序 或 Web 应用。
https://mor.ele.me/
MIT License
1.74k stars 113 forks source link

tdesign-miniprogram如何多端转换 #107

Open mydracula opened 1 year ago

mydracula commented 1 year ago
  1. 接入 TDesign 之后
  2. 添加组件库转端配置
import { defineConfig } from '@morjs/cli'

export default defineConfig([
  // {
  //   name: 'wechat-miniprogram',
  //   sourceType: 'wechat',
  //   target: 'wechat',
  //   compileType: 'miniprogram',
  //   compileMode: 'bundle'
  // },
  {
    name: 'web',
    sourceType: 'wechat',
    target: 'web',
    compileType: 'miniprogram',
    compileMode: 'bundle',
    processNodeModules: {
      include: [/tdesign\-miniprogram/]
    }
  }
])

image image image 引入的是tdesign-miniprogram属于是小程序组件是不是因为他本身就没有多端转换的能力,又想用这个ui组件库该怎么办呢

hwaphon commented 1 year ago

这个已知的问题有以下原因:在 tdesign-miniprogram 组件中,使用了 class 作为属性的关键字,这导致在 mor 转 web 的过程中,使用 babel 收集变量时触发了关键字报错。

我们已经将这个问题反馈给 tdesign-miniprogram 开发团队,并且他们已经内部排期进行处理,不过需要一些时间。为了解决这个问题,我们会尽快提供临时解决方案。

mydracula commented 1 year ago

好吧 那现在是不是建议用原生组件

这个已知的问题有以下原因:在 tdesign-miniprogram 组件中,使用了 class 作为属性的关键字,这导致在 mor 转 web 的过程中,使用 babel 收集变量时触发了关键字报错。

我们已经将这个问题反馈给 tdesign-miniprogram 开发团队,并且他们已经内部排期进行处理,不过需要一些时间。为了解决这个问题,我们会尽快提供临时解决方案。

好吧 那现在是不是建议用原生组件

mydracula commented 1 year ago

这个已知的问题有以下原因:在 tdesign-miniprogram 组件中,使用了 class 作为属性的关键字,这导致在 mor 转 web 的过程中,使用 babel 收集变量时触发了关键字报错。

我们已经将这个问题反馈给 tdesign-miniprogram 开发团队,并且他们已经内部排期进行处理,不过需要一些时间。为了解决这个问题,我们会尽快提供临时解决方案。

这个baseName在web打包的时候没用呀 打包完他的基础路径怎么还是/

image

hwaphon commented 1 year ago

web 配置中加上 publicPath 配置。

qietugou commented 1 year ago

支持了么

lihe6666 commented 10 months ago

支持了吗?

hwaphon commented 9 months ago

@lihe6666 @qietugou sorry,暂时还没有开始介入支持,这一块的优先级没有排的很高,可能要等到3-4月了。