css后置处理器PostCss安装与配置

一、去 node.js官网下载最新的node.js，下载完毕后安装，没有特别要求默认路径就可以。

二、安装完毕后，win+R弹出命令窗口。

三、命令窗口中 npm install postcss-cli –g（包的名字）,进行安装

四、命令窗口中输入 npm root -g，查看默认的路径。

五、在这个路径下可以看到你已经安装或者没有安装的包，所有全局中安装的包都在这里

五、如果要删除在命令窗口中输入  npm uninstall postcss-cli –g（包的名字）。

六、找到你新建的项目的文件夹的路径

七、命令窗口中输入npm init -y

八、在新建项目的路径下，可以看到新创建的两个文件

九、配置文件

        npm install autoprefixer –save-dev

        npm install postcss-import –save-dev

        npm install cssnano –save-dev

十、如果成功，可以看到以下内容

十一、安装成功后进行文件配置

const autoprefixer = require("autoprefixer");
const  atimport = require("postcss-import");
const  cssnanao =  require("cssnano");
module.exports={
    plugins:[
        atimport,
        autoprefixer({
            // browsers:['>0%']
             browsers:['last 2 version']
        }),
        cssnanao
    ]
}

十二、postcss后编译器的使用 

         编译命令： postcss src/index.css  -o build/index.css

         这段代码的含义是：利用postcss命令，将src文件下的index.css编译输出到build文件下，名称为index.css