5ede2eda by simon

默认提交

1 parent c77e76fb
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/], // 忽略某些文件夹下的文件或特定文件
}
}
}
// 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/], // 忽略某些文件夹下的文件或特定文件
// }
// }
// }
......