NervJS/taro

pxtransform enable false 样式不进行缩放也能支持跨平台注释代码

Closed this issue · 5 comments

shinken008 commented

这个特性解决了什么问题？

步骤：

  1. 手动关闭 pxtransform
     pxtransform: {
        enable: false,
        config: {}
      }
  1. 跨平台样式注释也能生效，目前功能是耦合在 pxtransform 里面
/*  #ifndef  %PLATFORM%   */
&:not(:first-child) {
    border-top: 20px solid #f5f5f5;
}
/*  #endif  */

这个 API 长什么样？

解决方案：

  1. pxtransform 关闭，提供一个新的处理跨平台样式注释判断的插件
postcss: {
     pxtransform: {
        enable: false,
        config: {}
     },
     crossPlatformComments: { // 暂时取名
         enable: true
     }
}
  1. pxtransform 职责分离
    i. 兼容：pxtransform 提供参数控制，关闭缩放，只生效 comments
    ii. 剥离干净：pxtransform 其实也提供一个新插件处理 comments，删除 pxtransform 有关的 comments 处理代码的逻辑，但是有历史包袱

总结：

第一种方案可以不动框架，比较便捷，第二种需要框架配合改动

zhiqingchen commented

需要框架配合的改动是？

shinken008 commented

第一种方案，不需要改动框架

shinken008 commented

方案二类似于拆分出一个文件，暂时是用第一种方案做的

shinken008 commented

第一种方案，不需要改动框架

https://github.com/shinken008/postcss-crossplatformcomments

  • 👍1