默认提交
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