vue-cli2使用rem适配

1.下载并引入lib-flexible

npm i lib-flexible -S
//main.js 
import 'lib-flexible/flexible'
 

2.安装px2rem-loader

npm i px2rem-loader -S

3.将px2rem-loader添加到cssLoaders

//build/util.js
.... const px2remLoader = { loader: 'px2rem-loader', options: { remUnit: 37.5//这个是重点,设计稿是750px } } ...

const loaders = options.usePostCSS ? [cssLoader, postcssLoader, px2remLoader] : [cssLoader, px2remLoader]
 

猜你喜欢

转载自www.cnblogs.com/syqly/p/13396768.html