最近把之前写的 TodoList 小项目重构了一遍。比起之前的版本，重构后的项目改用 Hook，使用 Scss 作为 CSS 预处理器，react-router-dom升级到 V6 版本，同时使用了r

（1）通常情况下，根root = 16px，所以1rem = 16px ======> 导致计算困难。例如有207px的设计稿，对应的rem = 207/16 …… （2）设计稿通常不会是我们设备的大小，而是会设定成设备的2倍稿或者是3倍稿。比如基于iphone6（375px）…

前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。 而本文的目标就是通过一系列的配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。…