在做毕设的时候,由于我做的是移动端项目,所以突然想起,好像用px不太对,因为手机屏幕不一样的话,布局也会不一样,所以我突然想把px都改成rem,做个自适应。
在各位大神的帮助下,得出的解决方法如下:
使用 lib-flexible 和 px2rem-loader 自动转换
1、安装插件
npm install lib-flexible --save
npm install px2rem-loader --save-dev
2、配置插件
- 在入口文件 main.js 中引入 lib-flexible:
import 'lib-flexible/flexible'
- 在 build/utils.js 文件中配置 px2rem-loader:
const px2remLoader = {
loader: 'px2rem-loader'