rax-components icon indicating copy to clipboard operation
rax-components copied to clipboard

是否会考虑去除 babel-plugin-transform-jsx-stylesheet

Open cytle opened this issue 2 years ago • 0 comments

问题:在使用 vite 构建原 rax 应用(依赖了部分 rax 组件,如 rax-view),构建时发生如下错误:

Uncaught TypeError: Cannot create property '__cache' on string '.rax-view-v2 {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
   align-content: flex-start;
   border: 0 solid black;
   margin: 0;
   padding: 0;
   min-width: 0;
}

排查发现 rax-view 等组件的产物依赖将 css 的编译为对象形式引入,即babel-plugin-transform-jsx-stylesheet做的事。

image

通过babel-plugin-transform-jsx-stylesheet,我猜测原目的是提升rax-view等组件的原有样式(.rax-view-v2)的优先级,但这样组件产物在正常情况下不能消费,直接在附加stylesheet-loader将 css 编译为对象模块后才能使用。

诉求:去除babel-plugin-transform-jsx-stylesheet插件

cytle avatar Jun 02 '23 08:06 cytle