1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
| module.exports = {
| plugins: {
| 'postcss-pxtorem': {
| //根元素字体大小
| rootValue: 16,
| //匹配CSS中的属性，* 代表启用所有属性
| propList: ['*'],
| //转换成rem后保留的小数点位数
| unitPrecision: 5,
| //小于3px的样式不被替换成rem
| minPixelValue: 3,
| //忽略一些文件，不进行转换，比如我想忽略 依赖的UI框架
| exclude: ['node_modules']
| },
| }
| }
|
| // module.exports = {
| // plugins: {
| // // 兼容浏览器，添加前缀
| // autoprefixer: {
| // overrideBrowserslist: ['Android >= 4.0', 'iOS >= 7.1',"Chrome > 31","ff > 31","ie >= 8","last 10 versions"],
| // },
| // 'postcss-pxtorem': {
| // rootValue: 50,//结果为：设计稿元素尺寸/50，比如元素宽250px,最终页面会换算成 5rem
| // unitPrecision: 3,//保留rem小数点多少位
| // propList: ['*'],//需要转换的属性列表
| // selectorBlackList:['van'],// 要忽略并保留为px的选择器
| // exclude: /(node_module)/,// 忽略的目录（正则匹配转换element-ui的样式）
| // mediaQuery: false,//媒体查询( @media screen 之类的)中不生效
| // minPixelValue: 1 //px小于1的不会被转换
| // },
| // },
| // }
|
|
