vue cli 4 x 自動把px轉換為rem

移動端

npm i lib-flexible postcss-px2rem --s
1、在根目錄新增postcss.config.js檔案
module.exports =
,"postcss-px2rem":}
};2、在main.js新增
import
'lib-flexible/flexible'
pc端npm i postcss-px2rem px2rem-loader --s
在根目錄src中新建rem.js等比適配檔案
// rem等比適配配置檔案
// 基準大小
const basesize =
16// 設定 rem 函式
function
setrem()
// 初始化
setrem()
// 改變視窗大小時重新設定 rem
window.
onresize
=function()
在main.js新增
import
'./rem'
到vue.config.js中配置外掛程式
// 引入等比適配外掛程式
const px2rem =
require
('postcss-px2rem'
)// 配置基本大小
const postcss =
px2rem()
// 使用等比適配外掛程式
module.exports =
}}

vue cli 4 x 未解之謎

全域性安裝vue cli 已經是4.x的版本，做專案隨手乙個eslient，涼涼送給自己 目前我還沒有找到如何關閉vue cli語法檢測 所以只能解除安裝4.x，安裝3.x版本 解除安裝4.x npm uninstall vue cli g安裝3.x npm i vue cli 3.0.1 g此時在...

Vue CLI 4 x安裝和公升級方法

vue cli 4.x寫部落格 安裝方法 由於npm很慢。我就用的cnpm 可以使用下列任一命令安裝這個新的包 npm install g vue cli or yarn global add vue cli安裝之後，你就可以在命令列中訪問vue命令。你可以通過簡單執行vue，看看是否展示出了乙份所...

vue cli 4 x版本配置環境變數

你可以替換你的專案根目錄中的下列檔案來指定環境變數 env 在所有的環境中被載入 env.local 在所有的環境中被載入，但會被 git 忽略 env.mode 只在指定的模式中被載入 env.mode local 只在指定的模式中被載入，但會被 git 忽略 如 env.development ...