(推荐访问github上面的Markdown排版的介绍PostCSS学习指南(二))
PostCSS学习指南(一)后,渐渐开始在项目中应用。
这次决定主要讲解一些个人认为非常有帮助的PostCSS插件。
本期主要介绍以下几个插件和几个坑
autoprefixer
这个就不用多说了,必装插件之一。方便的写规范的css,它会为你提供非常完整的hack兼容方案的。当然这里需要了解一下的是,它的大部分兼容数据来源Can I Use,另外一个稍微需要了解的插件配置参数就是browsers,比如这样写:
module.exports = {
plugins: [
require('autoprefixer')({ browsers: 'last 2 versions' })
]
}
关于这个参数的详细介绍可以看看Browserslist Queries,文中说了,强烈建议将查询写入package.json(后面会告诉你为何要写在这里),而非配置postcss.config.js中autoprefixer的browsers参数。所以此处建议写法如下: 继续阅读“PostCSS学习指南(二)”