请选择 进入手机版 | 继续访问电脑版

石家庄老站长

点击联系客服
客服QQ:509006671 客服微信:mengfeiseo
 找回密码
 立即注册
查看: 12|回复: 0

react配置px转换rem

[复制链接]

1

主题

1

帖子

-7

积分

限制会员

积分
-7
发表于 2021-4-30 15:11:55 | 显示全部楼层 |阅读模式
与安装相关的依赖关系

Npm  I  Li  b-flexible-save

Npm  I  post  CSS-px2 rem-save

主要用于公开项目配置

Npm运行对象!运行Npm运行对象报告错误时,仓库中的代码未提交,因此会出现错误

Git  add。

Git  commit  -m“用户定义的名称”

Npm执行对象

然后在项目中打开并配置config-webpack.config.js

//将以下两行代码添加到配置文件中

//px2rem  ({remunit336075})表示1rem=75px。这是基于750px设计稿。如果是620,就写62

constpx  2 rem=require(' postcss-px  2 rem  ');

px2 rem({ remunit  3360 75 })





根据设计图大小,设置为108=1080px/10





Lib-flexible导入:在门户文件index.js中包含lib-flexible文件

Import  'lib-flexible  '

在Public-index.html文件中注释掉以下代码





配置完成后,重新启动项目
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|无图版|手机版|小黑屋|石家庄@IT精英团

GMT+8, 2021-5-16 05:30 , Processed in 13.837463 second(s), 28 queries .

Powered by Discuz! X3.4

© 2001-2021 Comsenz Inc.

快速回复 返回顶部 返回列表