‘postcss-px-to-viewport’: {

unitToConvert: “px”, // 默认值px，需要转换的单位

viewportWidth: 375, // 视窗的宽度,对应设计稿宽度

viewportHeight: 667, // 视窗的高度, 根据375设备的宽度来指定，一般是667，也可不配置

unitPrecision: 3, // 指定px转换为视窗单位值的小数位数

propList: [“*”], // 转化为vw的属性列表

viewportUnit: “vw”, // 指定需要转换成视窗单位

fontViewportUnit: “vw”, // 字体使用的视窗单位

selectorBlaskList: [“.ignore-”], // 指定不需要转换为视窗单位的类

mediaQuery: false, // 允许在媒体查询中转换px

minPixelValue: 1, // 小于或等于1px时不转换为视窗单位

replace: true, // 是否直接更换属性值而不添加备用属性

exclude: [], // 忽略某些文件夹下的文件或特定文件

landscape: false, // 是否添加根据landscapeWidth生成的媒体查询条件 @media (orientation: landscape)

landscapeUnit: “vw”, // 横屏时使用的单位

landscapeWidth: 1134 // 横屏时使用的视窗宽度

}

注意：

1、@media 默认不转化px，可配置mediaQuery: true

2、@keyframes 默认不转化px，可手动转vw

☞官方中文文档

4.autoprefixer

---

可根据不同浏览器生产兼容浏览器样式前缀，不用手动一一添加前缀

☞官方中文文档

5.precss

---

可以像scss一样，在css文件中写混合、模块化语法。

☞官方中文文档

更多有趣的插件请☞这里

6.postcss-cssnext

---

7.postcss-modules

---

8.stylelint

---

9.LostGrid

---

三、配置

===================================================================

安装好项目依赖后postcss在根目录下配置postcss.config.js文件，代码如下

module.exports = {

plugins: {

“postcss-partial-import”: {},

precss: {},

“postcss-advanced-variables”: {},

autoprefixer: {},

‘postcss-px-to-viewport’: {

unitToConvert: “px”, // 默认值px，需要转换的单位

viewportWidth: 375, // 视窗的宽度,对应设计稿宽度

viewportHeight: 667, // 视窗的高度, 根据375设备的宽度来指定，一般是667，也可不配置

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

给大家分享一些关于HTML的面试题。

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

712718418275)]

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-U8RtN210-1712718418275)]