插件px2rem,1rem等于这个页面的html的fontsize,rem,可以理解为每份多少钱。如果页面分为10页,那么1rem37.5px,如果有宽度为37.5px的div,则转换为rem,我用createreactapp Ali创建了React的脚手架,首先,我运行命令npmruneject来弹出React的脚手架的配置。这样,配置文件就方便了,接下来需要安装插件npminstalllliflexiblepostcsspx2remExcluded Installation插件成功后在下面的文件中添加相应的配置然后引入到根目录index.js下修改或添加rem,em和之间的转换关。
如果要用非标准屏幕制作大屏幕:如果要基于react实现大屏幕项目,采用rem的框架。让我们看看如何配置我们的。第一步,安装react的脚手架:第二步,将webpack抛出nodemodel。第三步,安装一些必要的依赖包。我安装了moment,echarts,echartsforreact,lodash,less,lessloader。如果有任何错误,这个地方是为antdesign配置的。不配置可能会报错,但是因为我后来的大屏方案和antdesign不兼容,所以没有用antdesign,但是这个配置还是保留了下来。
2、React脚手架如何适配移动端将 px转 remrem是相对于根元素的,也就是说我们只需要在根元素中确定一个参考值,参考值可以根据自己的需要来设置。我用createreactapp Ali创建了React的脚手架,首先,我运行命令npmruneject来弹出React的脚手架的配置。这样,配置文件就方便了,接下来需要安装插件npminstalllliflexiblepostcsspx2remExcluded Installation插件成功后在下面的文件中添加相应的配置然后引入到根目录index.js下修改或者在公共文件中的index.html下添加这样一段话。