已安装postcss但执行build时提示‘postcss不是内部或外部命令’求助

核心问题分析 #

你的build脚本直接调用postcss命令，但本地安装的postcss-cli（提供postcss命令行工具）可能未被npm scripts正确识别，或者依赖安装存在异常。另外你在postcss.config.js中引用了cssnano，但package.json里未添加该依赖，后续执行也会触发报错，需要一并处理。

解决方案 #

1. 在scripts中用npx明确调用本地postcss-cli #

修改package.json中的build脚本，添加npx前缀，强制调用本地node_modules中的postcss命令：

"scripts": {
  "build": "npx postcss css/styles.css -o build/styles.css",
  // 其他脚本保持不变
}

2. 重新安装相关依赖并确保版本兼容 #

先卸载现有postcss和postcss-cli，再重新安装到devDependencies（工具类依赖建议放在devDependencies）：

npm uninstall postcss postcss-cli
npm install postcss postcss-cli --save-dev

3. 安装缺失的cssnano依赖 #

你的postcss配置中使用了cssnano，但未在package.json中声明，执行以下命令安装：

npm install cssnano --save-dev

4. 验证命令是否可执行 #

在项目根目录执行以下命令，测试本地postcss是否能正常调用：

npx postcss --version

如果能输出版本号，说明依赖安装正常，再执行npm run build即可。

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