在vue-cli中配置螢幕自適應的方法

首先，我們需要安裝flexible庫．

npm i lib-flexible --save

在index.html檔案當中配置meta標籤,

<meta name="viewport" content="width=device-width, initial-scale=1.0">

藉助px2rem工具

npm i px2rem-loader --save-dev

然後就是配置這個工具，由於是loader檔案，所有的loader檔案都是在until.js檔案裡的一個方法生成的．

我們只要在until.js裡找到cssLoader這個物件，在它下面再加一個px2remLoader物件即可

然後放到下面的generateLoaders函式中loaders陣列中

這樣就配置完成了，之後重啟專案，我們只需要在設計稿裡量到多少寫多少了！