evrone / postcss-px-to-viewport

A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units. The best choice to create a scalable interface on different displays by one design size.
https://evrone.com/postcss-px-viewport
MIT License
2.99k stars 401 forks source link

include 无效 #107

Open 2395000206 opened 2 years ago

2395000206 commented 2 years ago

module.exports = { plugins: { autoprefixer: {}, 'postcss-px-to-viewport': { unitToConvert: 'px', // 需要转换的单位,默认为"px" viewportWidth: 375, // 设计稿的视口宽度,一般是375左右,iphone和很多安卓机等机型都差不多,ipad除外。如果是viewportWidth是375,font-size:14,那么font-size会转换为3.73333vm,计算过程:14÷375×100=3.73333 unitPrecision: 5, // 单位转换后保留的精度 propList: ['*'], // 能转化为vw的属性列表 viewportUnit: 'vw', // 希望使用的视口单位 fontViewportUnit: 'vw', // 字体使用的视口单位 include: /components\/home\/mobile\//, // 如果设置了include,那将只有匹配到的文件才会被转换 }, }, } cnpm i https://github.com/evrone/postcss-px-to-viewport --save-dev

2395000206 commented 2 years ago

include (Array or Regexp) 如果设置了include,那将只有匹配到的文件才会被转换,例如只转换 'src/mobile' 下的文件 (include: /\/src\/mobile\//) 如果值是一个正则表达式,将包含匹配的文件,否则将排除该文件 如果传入的值是一个数组,那么数组里的值必须为正则 这段真的有用吗,我发现没用

laozhangjia commented 2 years ago

include (Array or Regexp) 如果设置了include,那将只有匹配到的文件才会被转换,例如只转换 'src/mobile' 下的文件 (include: //src/mobile//) 如果值是一个正则表达式,将包含匹配的文件,否则将排除该文件 如果传入的值是一个数组,那么数组里的值必须为正则 这段真的有用吗,我发现没用

哥们儿; 你先试试//src/mobile//.test('/src/mobile/')返回的啥 斜杠转义不知道吗

2395000206 commented 2 years ago

用\/没用,可以试试的

------------------ 原始邮件 ------------------ 发件人: @.>; 发送时间: 2021年7月28日(星期三) 晚上10:54 收件人: @.>; 抄送: @.>; @.>; 主题: Re: [evrone/postcss-px-to-viewport] include 无效 (#107)

include (Array or Regexp) 如果设置了include,那将只有匹配到的文件才会被转换,例如只转换 'src/mobile' 下的文件 (include: //src/mobile//) 如果值是一个正则表达式,将包含匹配的文件,否则将排除该文件 如果传入的值是一个数组,那么数组里的值必须为正则 这段真的有用吗,我发现没用

哥们儿; 你先试试//src/mobile//.test('/src/mobile/')返回的啥 斜杠转义不知道吗

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe.

2395000206 commented 2 years ago

image

2395000206 commented 2 years ago

include (Array or Regexp) 如果设置了include,那将只有匹配到的文件才会被转换,例如只转换 'src/mobile' 下的文件 (include: //src/mobile//) 如果值是一个正则表达式,将包含匹配的文件,否则将排除该文件 如果传入的值是一个数组,那么数组里的值必须为正则 这段真的有用吗,我发现没用

哥们儿; 你先试试//src/mobile//.test('/src/mobile/')返回的啥 斜杠转义不知道吗

我在 vue Cli 和 Nuxt上都试了,没有根本

laozhangjia commented 2 years ago

#

include (Array or Regexp) 如果设置了include,那将只有匹配到的文件才会被转换,例如只转换 'src/mobile' 下的文件 (include: //src/mobile//) 如果值是一个正则表达式,将包含匹配的文件,否则将排除该文件 如果传入的值是一个数组,那么数组里的值必须为正则 这段真的有用吗,我发现没用

哥们儿; 你先试试//src/mobile//.test('/src/mobile/')返回的啥 斜杠转义不知道吗

我在 vue Cli 和 Nuxt上都试了,没有根本


最新的发布在2019,include选项在这个commit才加上,应该是没发布,可以考虑自己把源码拉下来改造下 image

2395000206 commented 2 years ago

include (Array or Regexp) 如果设置了include,那将只有匹配到的文件才会被转换,例如只转换 'src/mobile' 下的文件 (include: //src/mobile//) 如果值是一个正则表达式,将包含匹配的文件,否则将排除该文件 如果传入的值是一个数组,那么数组里的值必须为正则 这段真的有用吗,我发现没用

哥们儿; 你先试试//src/mobile//.test('/src/mobile/')返回的啥 斜杠转义不知道吗

我在 vue Cli 和 Nuxt上都试了,没有根本

最新的发布在2019,include选项在这个commit才加上,应该是没发布,可以考虑自己把源码拉下来改造下 image

image

2395000206 commented 2 years ago

image

2395000206 commented 2 years ago

image

saberzero0315 commented 2 years ago

为什么include没生效是因为系统不同,mac文件路径是/,而window文件路径是\,看文档正则/\/src\/mobile\//就知道只能匹配出/src/mobile/,大家如果用window电脑怎么可能匹配上,所以本地如果是window就得改成/src\mobile\/

LoveMeLoveMyDogg commented 1 year ago

为什么include没生效是因为系统不同,mac文件路径是/,而window文件路径是\,看文档正则//src/mobile//就知道只能匹配出/src/mobile/,大家如果用window电脑怎么可能匹配上,所以本地如果是window就得改成/src\mobile\/

确实

gaoryrt commented 5 months ago

include 没生效是因为 npm 没法新版不支持吧