默认提交
Showing
1 changed file
with
37 additions
and
14 deletions
| 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 | // } | ... | ... |
-
Please register or sign in to post a comment