postcss-notes.md

Initialize npm empty file

npm init -y

Install postcss

npm install -D  postcss  postcss-cli autoprefixer cssnano cssnano-preset-advanced

use this postcss.config.json file

module.exports = {
  plugins: {
    autoprefixer: {},
    cssnano: {
      preset: "advanced",
    },
  },
};

use this in package.json on script tag

"build": "postcss ./src/style.pcss  -o ./public/style.css -w"

---

Install PostCSS Intelligence and Highlighting - vs code Extension

Write This code in workspace setting.json

"postcss.validate": false,
"emmet.includeLanguages": {
"postcss": "css",
}

---

More Info:

• Official Doc

• Official Github Repo

• My Github note repo (multiple branch)

• Postcss-Cli github repo

Some PostCSS plugging

• cssNano
• SASS Like markup
• Purgecss
• cssNext
• Stylelint github
• stylelint Official doc
• autoprefixer Official github rep