PostCSS的插件 -- 关于vue rem适配布局方案

PostCSS的插件

记以下三种

  1. postcss-plugin-px2rem
  2. postcss-pxtorem
  3. postcss-px2rem

任选一种,最近大家推荐第一种(在配置上多了配置选项上有 exclude 属性,可配置是否对 某个文件夹下的所有css文件不进行转换),之前我用的第二种(也是目前使用最多的)
都有可以配置selectorBlackList: [] 要忽略并保留为px的选择器
还有个小技巧 – 如果个别地方不想转化px。可以简单的使用大写的 PXPx

使用方法
选择你要用的插件安装依赖: npm i postcss-plugin-px2rem -Dnpm i postcss-pxtorem -Dnpm i postcss-px2rem -D

配置方法

换算单位 pc端一般基数为37.5,移动端一般为16或者32

vue init webpack projectName 创建的项目,postcss配置文件在根目录下 .postcssrc.js
(该文件为使用vue init自动创建的文件)

module.exports =

你可能感兴趣的:(IT民工,前端,css)