如何在npm脚本中从script.js动态获取CSS输出路径？

原问题场景 #

你当前的npm脚本硬编码了Windows专属路径，只能在Windows系统运行：

"scripts": {
    "build-css": "sass theme/app.scss C:\\Users\\ragha\\AppData\\Roaming\\style.css"
}

需要移除硬编码路径，改为从script.js文件中获取动态生成的CSS输出路径。

解决方案步骤 #

1. 编写script.js生成动态路径

在项目根目录创建script.js，根据你的特定逻辑生成CSS文件路径并打印输出（Node.js环境可直接运行）：

// script.js
const os = require('os');
const path = require('path');

// 这里替换成你的特定路径生成逻辑
let cssOutputPath;
if (os.platform() === 'win32') {
    cssOutputPath = path.join(os.homedir(), 'AppData', 'Roaming', 'style.css');
} else {
    // 适配Mac/Linux等其他系统的路径规则
    cssOutputPath = path.join(os.homedir(), '.config', 'style.css');
}

// 关键：打印路径供npm脚本捕获
console.log(cssOutputPath);

你可以根据实际需求调整路径生成逻辑（比如读取配置文件、判断环境变量等），核心是最后用console.log输出最终路径。

2. 修改npm脚本动态获取路径

更新package.json中的脚本，通过执行script.js获取路径：

"scripts": {
    "build-css": "sass theme/app.scss $(node script.js)"
}

• 如果你使用Windows的命令提示符（cmd），需要把语法换成%node script.js%：

  "scripts": {
      "build-css": "sass theme/app.scss %node script.js%"
  }
  

• 若使用PowerShell或类Unix终端（Git Bash、Linux、Mac），$(node script.js)可直接生效。

效果说明 #

修改后的脚本不再依赖硬编码路径，完全由script.js的逻辑动态生成输出路径，同时通过系统判断可实现跨平台兼容，满足不同环境的运行需求。

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