How to vendor-prefix and minify your CSS?

after-prefixing.css

*{
    margin: 0;
    box-sizing: border-box;
    -webkit-text-size-adjust: auto;
       -moz-text-size-adjust: auto;
            text-size-adjust: auto;
}

autoprefix.txt

postcss src/styles/*.css -u autoprefixer --dir src/prefixed --no-map

autoprefixer_install.txt

npm i autoprefixer --save-dev

before-prefixing.css

*{
    margin: 0;
    box-sizing: border-box;
    text-size-adjust: auto;
}

cssnano-install.txt

npm i cssnano --save-dev

minified.css

*{-webkit-text-size-adjust:auto;-moz-text-size-adjust:auto;text-size-adjust:auto;box-sizing:border-box;margin:0}

minified.txt

postcss src/prefixed/*.css -u cssnano --dir src/minified --no-map

minify-and-prefix.txt

postcss src/styles/*.css -u autoprefixer cssnano --dir src/styles/production --no-map

postcs-cli-install.txt

npm i -g postcss-cli

postcss-install.txt

npm i postcss postcss-cli --save-dev