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

允许position在css中定义属性中的边。

postcss-size

PostCSS插件,size用于设置widthheight属性的快捷方式。

postcss-pxtorem

将像素单位转换为rem。
属性:



忽略单个属性的最简单方法是在像素单元声明中使用大写

上一篇下一篇

猜你喜欢

热点阅读