vue項目做屏幕自適應處理

 

https://www.cnblogs.com/Kyaya/p/11892178.html

 

1.查看當前源：

 

npm config get registry

更換淘寶鏡像：

npm install -g cnpm --registry=https://registry.npm.taobao.org

 

1.安裝擴展

npm i lib-flexible -S

 

2. 修改main.js
import  'lib-flexible'

 

 

 

 

然后在項目中寫css時會自動將rem轉化為px,需要安裝px2rem這個工具,安裝:

3. 安裝插件

npm i px2rem-loader -D

 

build/until.js

在cssLoader對象下面添加一個px2remLoader對象:

4. px轉換

const px2remLoader = {
    loader : 'px2rem-loader',
    options : {
      //這個參數是通過psd設計稿的  寬度 / 10 來計算,這里以750為標准
      remUnit : 75  
    }
  }

 

 

 

 

 

5. 完

const loaders = [cssLoader, px2remLoader];