本地npm安装postcss与postcss-cli后命令无法识别，求解决办法

出现这个问题的核心原因是：本地安装的postcss-cli可执行文件不在系统的环境变量PATH中，而全局安装时npm会自动把命令添加到系统PATH，所以直接调用postcss就能生效。以下是几种可行的解决方法：

• 通过npm scripts执行
  在项目的package.json中添加自定义脚本，npm会自动将node_modules/.bin目录临时加入PATH，所以能直接调用本地命令：

  {
    "scripts": {
      "build:css": "postcss src/styles.css -o dist/styles.css"
    }
  }
  

  之后运行npm run build:css即可执行本地的postcss命令。

• 直接调用本地可执行文件
  本地安装的postcss可执行文件实际存放在node_modules/.bin目录下（不是postcss-cli子目录），你可以直接用完整路径调用：

  • Unix/Linux/macOS：./node_modules/.bin/postcss input.css -o output.css
  • Windows：.\node_modules\.bin\postcss input.css -o output.css

• 使用npx调用
  npx会自动查找项目本地node_modules/.bin中的可执行文件，直接运行：

  npx postcss input.css -o output.css
  

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