PostCSS Plugin: px to vw Conversion for Responsive Design

// eslint-disable-next-line no-undef module.exports = { plugins: { 'postcss-px-to-viewport': { // 设备宽度375计算vw的值 viewportWidth: 375, // 设计稿的宽度 viewportHeight: 667, // 设计稿的高度 unitPrecision: 3, // 单位转换后保留的小数位数 viewportUnit: 'vw', // 要转换成的视窗单位 selectorBlackList: ['.ignore', '.hairlines'], // 忽略转换的CSS选择器 minPixelValue: 1, // 小于或等于1px不转换 mediaQuery: false, // 允许在媒体查询中转换px }, }, }