postcss-px-to-viewport 不转换字体大小
时间: 2023-11-21 20:56:25 浏览: 363
关于vue利用postcss-pxtorem进行移动端适配的问题
5星 · 资源好评率100%
可以通过配置postcss.config.js文件来实现不转换字体大小。在该文件中添加exclude选项,将字体大小所在的文件路径排除在转换范围之外即可。具体操作如下:
1.在项目根目录下创建postcss.config.js文件。
2.在该文件中添加如下代码:
```javascript
module.exports = {
plugins: {
'postcss-px-to-viewport': {
viewportWidth: 750, // 设计稿宽度
exclude: [/node_modules/, /font/] // 排除字体大小所在的文件路径
}
}
}
```
其中,exclude选项是一个正则表达式数组,用于匹配需要排除的文件路径。上述代码中,/node_modules/用于排除node_modules目录下的文件,/font/用于排除所有包含font的文件路径。
3.保存文件后,重新运行打包命令即可。
阅读全文