关于前端学习:CSS样式postcss

  • 理解postcss
    postcss 一种对css编译的工具,可实现一些工程化操作
  • 环境配置

    1. 装置node环境
    2. 下载postcss模块:npm install post-cli -g
    3. 配置postcss配置文件

      module.exports={
         plugins:{
             'autoprefixer':{
                 browsers:'>5%'
             }
         }
       }
    4. 转换文件:postcss 源文件 -o 生成文件 -w
  • 罕用的postcss插件

  1. Autoprefixer
    前缀补全,全自动的,无需多说
    装置:npm install Autoprefixer –dev
  2. postcss-cssnext
    应用下个版本的css语法
    装置:npm install postcss-cssnext –dev
  3. postcss-pxtorem
    把px转换成rem
    装置:npm install postcss-pxtorem –dev
    [==留神==]px检测辨别大小写,也就是说Px/PX/pX不会被转换,能够用这个形式防止转换成rem

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理