Postcss

一、了解Postcss

为了实现开发css工程化。

1.安装

需要在node环境下运行。如何确定自己是否有node，可以在cmd下输入

node -v

输入命令安装postcss

npm install postcss-cli-g

2.对文件进行转换

-o是转换，-w是持续对应转换

3.postcss配置文件

在源文件css目录下，创建postcss.config.js文件，对postcss进行模块化配置

二、postcss常用插件

插件使用步骤
1.先在cmd下安装插件
2.插件需要在postcss.config.js下进行配置

1.安装插件

cmd命令

2. autoprefixer 浏览器前缀插件

在postcss.config.js文件下配置浏览器前缀代码

3.poscss-import 引入合并css

安装完成后，可以将原文件夹中的不同css引入到同一个css中。合并转译到同一个css文件。
先在配置文件中进行配置

用import将两个css合并到一起

4. cssnano 对css压缩

去除空白间隙

5.postcss-cssnext

6.stylelint 语言检测

配置规则，不按照规范写会报错。

7.postcss-sprites 自动生成精灵图

自动生成雪碧图，自动配置图标。