feat(RN): RN 端支持 deviceRatio 自定义

NervJS · Oct 10, 2018 · 654c423 · 654c423
1 parent 5c0a59c
commit 654c423
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/taro-cli/src/rn/styleProcess.js b/packages/taro-cli/src/rn/styleProcess.js
@@ -8,6 +8,8 @@ const {StyleSheetValidation} = require('./StyleSheet/index')
 const Util = require('../util')
 const npmProcess = require('../util/npm')
 
+const DEVICE_RATIO = 'deviceRatio'
+
 /**
  * @description 读取 css/scss/less 文件，预处理后，返回 css string
  * @param {string}filePath
@@ -50,9 +52,15 @@ function loadStyle ({filePath, pluginsConfig}) {
  * @returns {Function | any}
  */
 function postCSS ({css, filePath, projectConfig}) {
+  let pxTransformConfig = {
+    designWidth: projectConfig.designWidth || 750
+  }
+  if (projectConfig.hasOwnProperty(DEVICE_RATIO)) {
+    pxTransformConfig[DEVICE_RATIO] = projectConfig.deviceRatio
+  }
   return postcss(pxtransform({
     platform: 'rn',
-    designWidth: projectConfig.designWidth || 750
+    ...pxTransformConfig
   }))
     .process(css, {from: filePath})
     .then((result) => {