- flexible 安裝
npm i lib-flexible --save
- 配置 flexiblegen
1.在 vue 入口文件中添加
import 'lib-flexible'
2.在項(xiàng)目根目tml錄 index.html 中加入<meta name="viewport" content="width=device-width, initial-scale=1.0">
- 將 px 自動(dòng)轉(zhuǎn)換成rem(px2rem-loader)
1.安裝
npm i px2rem-loader --save-dev
2.為 build 目錄下 utils.js 增加配置項(xiàng) 在 css-loader 下面增加
const px2remLoader = {
loader: 'px2rem-loader',
options: {
remUnit: 75
}
}
- 修改 utils.js 中 generateLoaders 函數(shù) 在loader 中 添加 px2remLoader
const loaders = options.usePostCSS ? [cssLoader,px2remLoader, postcssLoader] : [cssLoader,px2remLoader]
- 重啟 vue-cli
