meiliancheng React移动端适配配置方案
移动端适配的老难题,用 flexible + px2rem 的套路其实挺管用的。meiliancheng
的这个 GitHub 配置就整理得蛮实用,适合你用 React 做项目时,快速搞定移动端适配。步骤写得比较清晰,插件装哪些、webpack
里怎么配都有,像 lib-flexible
、postcss-px2rem
这些老搭子都安排上了。
比较细心的是,还提醒了要先 npm run eject
才能改配置文件,多人第一次搞不太容易注意到,值得一提。
适合那些做活动页、H5 页面的场景,字体和布局能比较稳地按设计稿还原,视觉体验也还不错。你要是经常跟 sass、React 打交道,这套组合用起来会挺顺的。
对了,作者还贴了几个相关资源,有 px-rem 转换工具,还有 Webpack + Sass + React 的例子,都能顺手看下,效率提升一大截。
如果你正好在折腾移动端适配,可以直接参考下这个配置,改一改就能上项目,挺省心的。
230.76KB
文件大小:
评论区