I have installed PostCSS for a project with npm.

npm -D postcss

Then I create an npm script so that I can run PostCSS.

“scripts”: { “build”: “postcss src/css/my-style.css –output dist/css/compiled-style.css” },

Now I run the build command:

npm run build

But it doesn’t work… I get an error that the postcss command is not recognized:

postcss: command not found

How could I solve it? Do I have to install PostCSS in Node as global? Or am I worth installing it in the project?

Fixing PostCSS Installation and Setup

If you’re facing issues with PostCSS in your project, follow these steps to ensure a smooth installation and setup.

Installing PostCSS with npm

To get started, install PostCSS for your project using npm:

npm install -D postcss

Next, create an npm script in your package.json file so you can easily run PostCSS:

"scripts": { "build": "postcss src/css/my-style.css --output dist/css/compiled-style.css" }

Now, execute the build command:

npm run build

If you encounter an error stating postcss: command not found, it means that PostCSS is not recognized.

Here are steps to troubleshoot and resolve the issue:

Consider whether you should install PostCSS globally or project-specifically.

Global Installation: If you want to use PostCSS across multiple projects, install it globally:

npm install -g postcss

Project-Specific Installation: If you only need it for this project, install it locally:

npm install -D postcss

Ensure that your npm configuration is set up correctly. Occasionally, issues can arise due to npm configurations.

Double-check your package.json file to ensure the script for PostCSS is correctly defined.

Make sure that the paths specified in your npm script are accurate. Incorrect file paths can lead to command-not-found errors.

Sometimes, a simple restart of your terminal or command prompt can resolve the issue.