vue配置px2rem適配移動端(自動將px轉rem)

vue配置px2rem


1 安裝

npm install px2rem-loader lib-flexible –save

2 在項目入口文件main.js中引入lib-flexible

import 'lib-flexible/flexible'

3 在build下的 utils.js中爲generateLoaders 添加 px2remLoader

const px2remLoader = {
    loader: 'px2rem-loader',
    options: {
      remUnit: 75//設計稿寬度/10
    }
  };

在這裏插入圖片描述
== 因爲本人沒有使用postcss 所以直接改了那一行代碼

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章