postcss配置
2019-04-01 本文已影响0人
一爷之秋
postCss 官网https://postcss.org/
PostCss是一个样式处理工具,它通过自定义的插件和工具生态体系来重新定义css。它鼓励开发者使用规范的css原生语法编写代码,然后配置编译器转换需要兼容的浏览器版本,最后通过编译将源码转换为目标浏览器可用的css代码。
postCss 全部插件:https://github.com/postcss/postcss/blob/master/docs/plugins.md
autoprefixer:
npm install autoprefixer --save-dev
使用can i use 中的数据为css样式添加供应商前缀
具体参数可参照https://github.com/postcss/autoprefixer配置
postcss-short-position
npm install postcss-short-position --save-dev
postcss-size
PostCSS插件,size
用于设置width
和height
属性的快捷方式。
postcss-pxtorem
将像素单位转换为rem。
属性:
忽略单个属性的最简单方法是在像素单元声明中使用大写