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]





 





        

	      

	    

	  

	  

	    
      
        【推广】
        免费学中医，健康全家人
      
	  

    

    

          原文地址：https://www.cnblogs.com/syqly/p/13396768.html