支持在 Next.js 中使用
banyudu opened this issue · comments
Next 分支中已经支持了 Next.js,将在下一个大版本 1.x 中发布。
本次改造后 node_modules 中会有 *.module.css 的样式文件,Next.js 默认也不支持,需要使用 next-transpile-modules
处理。
示例配置:
// next.config.js
const withTM = require('next-transpile-modules')(['kedao']);
module.exports = withTM({
reactStrictMode: true,
});
CRA
需不需要类似的操作?
CRA
需不需要类似的操作?
最新版本的 CRA
默认支持 node_modules
中的 *.module.css
文件,不需要额外处理。目前还没有测试能支持到什么版本。
不过 1.x 版本里面加了一些其它的破坏性更新,需要做一些适配或测试的。
针对 @cloudbase/weda-ui
来说,需要注意的有:
可能有 BUG
- className 从
bf-*
换成了kedao-*
,影响@cloudbase/weda-ui
中的RichTextImg
组件 - 内置控件启用了懒加载
- language 文件懒加载 (开发中)
- CSS Module
功能变化
- 一些控件如 Emoji Picker 计划采用外部依赖,提供更友好的交互(开发中),会影响到功能 #35
这次 1.x 版本中删除了大量的对外暴露的 API / Props(不包括已经被 @cloudbase/weda-ui
使用到的),以后需要的话会换种方式加回来。
另外,有没有使用 @cloudbase/weda-ui
的 demo 项目,可以用来做测试?本次的人工测试及后续计划添加的单元测试希望能把 @cloudbase/weda-ui
加进去。
weda-ui 里没有什么特殊用法其实就是一个接HTML string的受控组件。要说一个比较hack就是的地方就是blockRenderFn
定义了 特殊的图片渲染。就是RichTextImg
然后用这里的方法绕了一下同样的报错jpuri/react-draft-wysiwyg#609