Cannot find module autoprefixer in NPM scripts

Question

Under windows 10 and npm version 6.9.0, I cannot get the following script to work:

\"build:css\": \"postcss --use autopr         


        

Answer 1

1. Create a new file named postcss.config.js that contains the following content:

   module.exports = {
     plugins: {
       autoprefixer: {
         browsers: ['last 10 versions']
       }
     }
   };
   

   Save the newly created postcss.config.js file in the root of your project directory, i.e. save it in the same directory where package.json resides.

2. Change the npm script named build:css in your package.json to the following:

   ...
   "scripts": {
     ...
     "build:css": "postcss ./static/css/main.css -o ./static/css/main-prefixed.css"
   },
   ...