morjs icon indicating copy to clipboard operation
morjs copied to clipboard

tdesign-miniprogram如何多端转换

Open mydracula opened this issue 2 years ago • 7 comments

  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组件库该怎么办呢

mydracula avatar Sep 06 '23 06:09 mydracula

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

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

hwaphon avatar Sep 06 '23 06:09 hwaphon

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

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

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

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

mydracula avatar Sep 06 '23 06:09 mydracula

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

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

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

image

mydracula avatar Sep 06 '23 13:09 mydracula

web 配置中加上 publicPath 配置。

hwaphon avatar Sep 08 '23 05:09 hwaphon

支持了么

qietugou avatar Oct 11 '23 01:10 qietugou

支持了吗?

lihe6666 avatar Jan 10 '24 10:01 lihe6666

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

hwaphon avatar Feb 20 '24 11:02 hwaphon