手动打造px2rem
先npm 安装px2rem-loader
npm install px2rem-loader
然后进行配置
去webpack.config.js里配置
loader的用法是从右到左,先最右边的loader先处理,然后交给左边的,依次传递。
px2rem有几个参数跟着一起带来过、
scss文件,首先要把scss转成正常的css,然后再交给css做,所以最外层是一个sass-loader
remUnit
表示的是基准数,也就是1rem = 多少px,比如:这里的字大小是0.44rem。由于这里的remUnit是50,也就是实际字体大小是22px。
和我们所写的css一致。
至于html的font-size是由插件viewport.js添加上去的。
【ps】修改这里的数字或者是remUnit都会影响渲染出来的大小
webpack3配合flexible.js设置px2rem
我又来更新了,最近又新看了一个教程,这里用的不是viewport.js而是flexible.js。和上面写的那种不太匹配。为了配置这个px2rem,查了很多资料。
最后根据这份资料成功配置成功,不容易啊!!
具体怎么配置,请看传送门 。
我觉得她写的挺好的,很详细,所以直接传送门过去啦。