0.1.0-preview3.0 • Published 2 years ago
@wakeda/style v0.1.0-preview3.0
在这里统一管理和加载 Wakeda 运行时的样式
要点:
- @wakeda/components 为了跨平台兼容性,使用的是 CSS-in-js 方案,通过 inline-style 来应用,编写组件时不会直接导入 CSS
- 支持 tailwind,不过是裁减后的。我们的 tailwind 暂时不支持 React Native, 不过不是不可能: https://blog.bitsrc.io/5-reasons-to-use-tailwind-css-with-react-native-1e7999c40b2e
重置样式
- 平台样式重置。用于重置不同平台底层组件的差异
- @wakeda/components 样式重置。@wakeda/components 在不同平台也可能表现差异,所以也需要重置
不同平台区分。Taro 的 runner 会使用不同的 mainFields 来区分加载
- webpack-runner/h5 'main:h5', 'browser', 'module', 'jsnext:main', 'main',
- rn-runner/React Native 'react-native', 'browser', 'main'
- mini-runner/小程序平台 'browser', 'module', 'jsnext:main', 'main',
- vite 默认 'module', 'jsnext:main', 'jsnext'
- webpack 默认
- exports 字段的优先级高于 mainFields, 详见 https://webpack.js.org/guides/package-exports/
0.1.0-preview3.0
2 years ago
0.1.0-preview2
3 years ago