能否配置RTLCSS全局忽略特定CSS属性？

RTLCSS没有提供直接的CLI参数来全局忽略特定CSS属性，必须通过自定义声明处理器插件来实现，以下是具体步骤：

1. 编写自定义插件 #

创建一个JS文件（例如ignore-rtl-props.js），写入以下代码：

module.exports = function (rtlcss) {
  return {
    declaration: function (decl, node, csstree) {
      // 定义需要忽略转换的属性列表
      const skipProps = ['background-position'];
      if (skipProps.includes(decl.property)) {
        // 返回null告知RTLCSS跳过该属性的RTL转换
        return null;
      }
      // 其他属性保持默认转换逻辑
      return decl;
    }
  };
};

2. 通过CLI加载插件 #

在执行RTLCSS命令时，使用--plugin参数引入上述插件文件，示例命令如下：

rtlcss --plugin ./ignore-rtl-props.js ./src/css/**/*.css ./dist/css/

原理说明 #

自定义的声明处理器会遍历所有CSS属性声明，当检测到属性在忽略列表中时，会阻止RTLCSS对其进行RTL转换，从而实现全局范围内的属性忽略，比单文件内的控制指令更适合批量处理场景。

内容的提问来源于stack exchange，提问作者user15036136