postcss.config.js
1.19 KB
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
35
36
37
38
39
const AutoPrefixer = require("autoprefixer");
const px2rem = require("postcss-px2rem");
module.exports = ({
file
}) => {
let remUnit;
// file.dirname是绝对地址，所以项目名，文件目录不能带 'vant'
if (file && file.dirname && file.dirname.indexOf("vant") > -1) {
remUnit = 37.5;
} else {
remUnit = 75;
}
return {
plugins: [px2rem({
remUnit: remUnit,
}), AutoPrefixer({
browsers: ["last 20 versions", "android >= 4.0"]
})]
};
};
// postcss.config,js
// https://blog.csdn.net/StayInCat/article/details/120542066
// module.exports = {
// 'plugins': {
// 'postcss-px-to-viewport': {
// unitToConvert: 'px', // 需要转换的单位，默认为 px
// viewportWidth: 750, // 设计稿的视口宽度
// unitPrecision: 3, // 单位转换后保留的精度
// viewportUnit: 'vw', // 希望使用的视口单位
// selectorBlackList: [], // 需要忽略的CSS选择器
// minPixelValue: 1, // 设置最小的转换数值
// mediaQuery: true, // 媒体查询中的单位是否需要转换
// exclude: [/node_modules/], // 忽略某些文件夹下的文件或特定文件
// }
// }
// }