5ede2eda by simon

默认提交

1 parent c77e76fb
1 const AutoPrefixer = require("autoprefixer");
2 const px2rem = require("postcss-px2rem");
3 module.exports = ({
4 file
5 }) => {
6 let remUnit;
7 // file.dirname是绝对地址,所以项目名,文件目录不能带 'vant'
8 if (file && file.dirname && file.dirname.indexOf("vant") > -1) {
9 remUnit = 37.5;
10 } else {
11 remUnit = 75;
12 }
13 return {
14 plugins: [px2rem({
15 remUnit: remUnit,
16 }), AutoPrefixer({
17 browsers: ["last 20 versions", "android >= 4.0"]
18 })]
19 };
20 };
21
22
23
1 // postcss.config,js 24 // postcss.config,js
2 // https://blog.csdn.net/StayInCat/article/details/120542066 25 // https://blog.csdn.net/StayInCat/article/details/120542066
3 module.exports = { 26 // module.exports = {
4 'plugins': { 27 // 'plugins': {
5 'postcss-px-to-viewport': { 28 // 'postcss-px-to-viewport': {
6 unitToConvert: 'px', // 需要转换的单位,默认为 px 29 // unitToConvert: 'px', // 需要转换的单位,默认为 px
7 viewportWidth: 750, // 设计稿的视口宽度 30 // viewportWidth: 750, // 设计稿的视口宽度
8 unitPrecision: 3, // 单位转换后保留的精度 31 // unitPrecision: 3, // 单位转换后保留的精度
9 viewportUnit: 'vw', // 希望使用的视口单位 32 // viewportUnit: 'vw', // 希望使用的视口单位
10 selectorBlackList: [], // 需要忽略的CSS选择器 33 // selectorBlackList: [], // 需要忽略的CSS选择器
11 minPixelValue: 1, // 设置最小的转换数值 34 // minPixelValue: 1, // 设置最小的转换数值
12 mediaQuery: true, // 媒体查询中的单位是否需要转换 35 // mediaQuery: true, // 媒体查询中的单位是否需要转换
13 exclude: [/node_modules/], // 忽略某些文件夹下的文件或特定文件 36 // exclude: [/node_modules/], // 忽略某些文件夹下的文件或特定文件
14 } 37 // }
15 } 38 // }
16 } 39 // }
......