- 首页 > it技术 > >
CSS样式——postcss
- 了解postcss
postcss 一种对css编译的工具，可实现一些工程化操作
- 环境配置
- 安装node环境
- 下载postcss模块：
npm install post-cli -g
- 【CSS样式——postcss】配置postcss配置文件
module.exports={
plugins:{
'autoprefixer':{
browsers:'>5%'
}
}
}
- 转换文件：
postcss 源文件 -o 生成文件 -w
- 常用的postcss插件
- Autoprefixer
前缀补全，全自动的，无需多说
安装：npm install Autoprefixer --dev
- postcss-cssnext
使用下个版本的css语法
安装：npm install postcss-cssnext --dev
- postcss-pxtorem
把px转换成rem
安装：npm install postcss-pxtorem --dev
[==注意==]px检测区分大小写，也就是说Px/PX/pX不会被转换，可以用这个方式避免转换成rem
推荐阅读
