// 设置最小的转换数值,如果为1的话,只有大于1的值会被转换mediaQuery:false,// 媒体查询里的单位是否需要转换单位replace:true,// 是否直接更换属性值,而不添加备用属性exclude: [/node_modules/],// 忽略某些文件夹下的文件或特定文件,例如 'node_modules' 下的文件include: [/src/],// 如果...
minPixelValue:1,// 设置最小的转换数值,如果为1的话,只有大于1的值会被转换mediaQuery:false,// 媒体查询里的单位是否需要转换单位replace:true,// 是否直接更换属性值,而不添加备用属性exclude:undefined,// 忽略某些文件夹下的文件或特定文件,例如 'node_modules' 下的文件include:undefined,// 如果设置了inclu...
include需要转换的文件,例如只转换 'src/mobile' 下的文件 (include: /\/src\/mobile\//),如果值是一个正则表达式,将包含匹配的文件,否则将排除该文件, 如果传入的值是一个数组,那么数组里的值必须为正则Regexpundefined 补充说明 propList(Array) 能转化为 vw 的属性列表 ...
[/node_modules\/ant-design-vue/], // 忽略某些文件夹下的文件或特定文件,例如 'node_modules' 下的文件 include: [], // 如果设置了include,那将只有匹配到的文件才会被转换 landscape: false, // 是否添加根据 landscapeWidth 生成的媒体查询条件 @media (orientation: landscape) landscapeUnit: 'vw', ...
include: [], // 如果设置了include,那将只有匹配到的文件才会被转换 landscape: false, // 是否添加根据 landscapeWidth 生成的媒体查询条件 @media (orientation: landscape) landscapeUnit: "vw", // 横屏时使用的单位 landscapeWidth: 1024, // 横屏时使用的视口宽度 ...
支持配置include cnpm install postcss-px-to-viewport-8-with-include-S// 亲测可用 第四步、配置vite.config.ts文件 ... import postcsspxtoviewport from'postcss-px-to-viewport-8-plugin'... export default defineConfig({ plugins: [vue()], css: { ...
const defaults: Required<Omit<OptionType, 'exclude' | 'include'>> = { unitToConvert: 'px', viewportWidth: 320, viewportHeight: 568, // not now used; TODO: need for different units and math for different properties unitPrecision: 5, viewportUnit: 'vw', fontViewportUnit: 'vw', // ...
minPixelValue:1,// 设置最小的转换数值,如果为1的话,只有大于1的值会被转换mediaQuery:true,// 媒体查询里的单位是否需要转换单位replace:true,// 是否直接更换属性值,而不添加备用属性exclude:[/node_modules\/ant-design-vue/],// 忽略某些文件夹下的文件或特定文件,例如 'node_modules' 下的文件include:...
exclude and include can be set together, and the intersection of the two rules will be taken. Ignoring You can use special comments for ignore conversion of single lines: /* px-to-viewport-ignore-next */— on a separate line, prevents conversion on the next line. /* px-to-viewport-igno...
import type { AtRule, Root } from 'postcss'; import { AtRule, Root, Rule } from 'postcss'; import postcss from 'postcss'; const defaults: Required<Omit<OptionType, 'exclude' | 'include'>> = { @@ -48,7 +48,6 @@ const postcssPxToViewport = (options: OptionType) => { css....