VUE适配方案有哪些?
方案一:
- 关于 lib-flexible
- 移动端适配步骤
一般而言,lib-flexible 并不独立出现,而是搭配 px2rem-loader 一起做适配方案,目的是
自动将 CSS 中的 px 转换成 rem。以下为它在 vue 中的使用- 安装 lib-flexible
npm install lib-flexible --save-dev - 引入 lib-flexible,在 main.js 中引入 lib-flexible 。//px2rem 自适应
import ‘lib-flexible’ - 安装 px2rem-loader
npm install px2rem-loader --save-dev - 配置 px2rem-loader
分两种情况:
vue-cli 2.x
vue-cli 3.x
第 1 种:如果是 2.x 版本
在 build/utils.js 中,找到 exports.cssLoaders,作出如下修改:
- 安装 lib-flexible
const px2remLoader = {
loader: