一是越、配置flexible
1耳舅、安裝lib-flexible
npm install lib-flexible --save
2、全局引用文件(在mian.js中引入)
import 'lib-flexible/flexible'
3倚评、在項(xiàng)目根目錄index.html中添加meta標(biāo)簽
<meta name="viewport" content="width=device-width, initial-scale=1.0">
二浦徊、配置px2rem-loader
1、安裝px2rem-loader
npm install px2rem-loader --save
2天梧、(1)在build/utils.js文件配置px2rem-loader盔性,(2)在generateLoaders方法中添加px2remLoader
image.png
const px2remLoader = {
loader: 'px2rem-loader',
options: {
// 使用第三方UI庫(kù)的時(shí)候可能會(huì)出現(xiàn)UI插件縮小的情況,此時(shí)可以將75改成37.5
remUnit: 75
}
}
修改配置后重啟項(xiàng)目呢岗,項(xiàng)目中直接使用px單位