在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數組中
這樣就配置完成了,之后重啟項目,我們只需要在設計稿里量到多少寫多少了!