- Big news!Introducing Socket AI - ChatGPT-Powered Threat Analysis. Learn more →
@tarojs/rn-style-transformer
Advanced tools
- Version published
- Maintainers
- 8
- Weekly downloads
- 100
- decreased by-79.59%
Weekly downloads
Changelog
chore(release): publish 3.6.2
特性
小程序
- 微信小程序新增
channel-video媒体组件的支持 #13295 fix #13288 @AdvancedCat - jimp 升级、二维码扫码器更换 #13304 fix #13174 @bigmeow
修复
小程序
- 补充
createMediaRecorder类型 #13276 @halodong - 补充支付宝小程序关于
Map组件的属性 #13285 fix #13281 @LeoHuang520 - 补充qq小程序关于
openQzonePublish的声明 #13302 fix #13297 @By-Ha - 补充微信小程序
checkIsAddedToMyMiniProgram的类型声明 #13330 fix #13325 @whinc - 补充 支付宝小程序按钮
onGetUserInfo,onGetPhoneNumber事件, 修复Lottie组件类型未导出问题 #13346 @TheKonka - 补充微信小程序
ChooseMedia关于类型mediaType的属性'mix' #13347 @richard1015
H5
- 补充
hideLoading.Option添加noConflict可选字段 #13282 @yijinc - 修复自定义 defineConstants 覆盖问题 #13292 fix #13286 @ZakaryCode
- react 组件适配器 style 属性对齐旧版特性 #13305 fix #13293 #13301 @ZakaryCode
RN
- 修复
Image组件报错 #13296 fix #13277 @zhiqingchen - 去除
Taro.redirect动画 #13333 fix #11263 @zhiqingchen
其他
- 修复
@tarojs/plugin-mini-ci初始化报错的问题 #13300 fix #13278 @ruidoc - 修复
@tarojs/plugin-inject对componentsMap未正确识别 export * 的问题 #13306 fix #13299 @AdvancedCat - 修复
@tarojs/webpack5-runner对样式文件 import 后静态资源路径错误的问题 #13311 fix #https://github.com/jdf2e/nutui/issues/2089 @Chen-jj
优化
- 优化
@tarojs/plugin-mini-ci控制台预览二维码尺寸过大，不方便扫码 #13313 @ruidoc
Readme
@tarojs/rn-style-transformer
用于处理 rn 样式配置，生成需要的样式
rn.postcss
object
postcss 相关配置，其他样式语言预处理后经过此配置。
module.exports = {
// ...
rn: {
// ...
postcss: {
// postcss 配置，参考 https://github.com/postcss/postcss#options
options: { /* ... */ },
// 默认true，控制是否对 css value 进行 scalePx2dp 转换，pxtransform配置 enable 才生效
scalable: boolean,
pxtransform: {
enable: boolean, // 默认true
config: { /* ... */ } // 插件 pxtransform 配置项，参考尺寸章节
},
// 跟其他端 css module 配置保持统一
cssModules: {
enable: true, // 默认为 false，如需使用 css modules 功能，则设为 true
}
},
}
}
rn.sass
object
sass 相关配置。options 配置项参考官方文档。
module.exports = {
// ...
rn: {
// ...
sass: {
options: { /* ... */ },
// 加入到脚本注入的每个 sass 文件头部，在 config.sass 之前
additionalData: '', // {String|Function}
}
}
}
rn.less
object
less 相关配置。options 配置项参考 官方文档。
module.exports = {
// ...
rn: {
// ...
less: {
options: { /* ... */ },
additionalData: '', // {String|Function}
}
}
}
rn.stylus
object
stylus 相关配置。options 配置项如下。
module.exports = {
// ...
rn: {
// ...
stylus: {
options: {
/**
* Specify Stylus plugins to use.
*
* @type {(string|Function)[]}
* @default []
*/
use: ["nib"],
/**
* Add path(s) to the import lookup paths.
*
* @type {string[]}
* @default []
*/
include: [path.join(__dirname, "src/styl/config")],
/**
* Import the specified Stylus files/paths.
*
* @type {string[]}
* @default []
*/
import: ["nib", path.join(__dirname, "src/styl/mixins")],
/**
* Define Stylus variables or functions.
*
* @type {Array|Object}
* @default {}
*/
// Array is the recommended syntax: [key, value, raw]
define: [
["$development", process.env.NODE_ENV === "development"],
["rawVar", 42, true],
],
// Object is deprecated syntax (there is no possibility to specify "raw')
// define: {
// $development: process.env.NODE_ENV === 'development',
// rawVar: 42,
// },
/**
* Include regular CSS on @import.
*
* @type {boolean}
* @default false
*/
includeCSS: false,
/**
* Emits comments in the generated CSS indicating the corresponding Stylus line.
*
* @see https://stylus-lang.com/docs/executable.html
*
* @type {boolean}
* @default false
*/
lineNumbers: true,
/**
* Move @import and @charset to the top.
*
* @see https://stylus-lang.com/docs/executable.html
*
* @type {boolean}
* @default false
*/
hoistAtrules: true,
},
additionalData: '', // {String|Function}
}
}
}
FAQs
提供Taro RN 统一处理样式文件能力
The npm package @tarojs/rn-style-transformer receives a total of 82 weekly downloads. As such, @tarojs/rn-style-transformer popularity was classified as not popular.
We found that @tarojs/rn-style-transformer demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 8 open source maintainers collaborating on the project.
Did you know?
Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.