Node.js中能否访问cssRules？构建流程修改CSS方案咨询

document.styleSheets 和 cssRules 是浏览器DOM环境特有的API，Node.js里没有这套运行环境，直接调用肯定行不通。

别用字符串替换这种容易踩坑的笨办法，社区有专门处理CSS的工具库，能帮你解析、修改CSS，比字符串替换靠谱得多：

• 首选 PostCSS：生态丰富、插件齐全，除了修改CSS，还能自动补全前缀、转换CSS新语法，是前端构建流程里的常用工具
• 轻量选择 css 包：只专注于CSS的解析与序列化，适合简单的规则修改场景

举个用css包修改CSS的实操例子：

1. 先安装依赖：

npm install css

2. 编写修改脚本：

const fs = require('fs');
const css = require('css');

// 读取目标CSS文件
const rawCss = fs.readFileSync('./your-styles.css', 'utf8');
// 把CSS字符串解析成可操作的抽象语法树（AST）
const ast = css.parse(rawCss);

// 遍历所有规则，找到目标选择器并修改属性
ast.stylesheet.rules.forEach(rule => {
  // 只处理普通样式规则（跳过@media、注释等特殊规则）
  if (rule.type === 'rule' && rule.selectors.includes('.target-class')) {
    rule.declarations.forEach(decl => {
      if (decl.property === 'font-size') {
        decl.value = '16px'; // 修改目标属性值
      }
    });
  }
});

// 把修改后的AST转回CSS字符串
const modifiedCss = css.stringify(ast);
// 写入新的CSS文件
fs.writeFileSync('./modified-styles.css', modifiedCss);

这种基于AST的修改方式，能正确处理各种CSS语法细节（比如注释、嵌套规则、媒体查询等），不会像字符串替换那样因为语法变体出现意外错误。

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