vue-cli3使用lib-flexible和px2rem搭建项

作者: TerdShow | 来源:发表于2019-05-13 14:59 被阅读0次

1.安装flexible

cnpm install lib-flexible --save

在main.js引入

import 'lib-flexible/flexible.js'

2.安装px2rem-exclude
因为lib-flexible是动态添加dpr的，因此许多第三方ui库会产生错乱，因此推荐使用postcss-px2rem-exclude，它可以忽略不进行转换的文件

cnpm install postcss-px2rem-exclude -D

在postcss.config.js中进行配置

plugins: {
    autoprefixer: {},
    "postcss-px2rem-exclude": {
        remUnit: 75,  //750的设计稿
        exclude: /node_modules|folder_name/i
    }
}

vue-cli3使用lib-flexible和px2rem搭建项
1.安装flexible 在main.js引入 2.安装px2rem-exclude因为lib-flexible是...
vue-cli3项目中移动端尺寸适配（lib-flexible
本篇文章主要讲的是如何在 vue-cli3项目中使用 lib-flexible 和 postcss-px2rem ...
VUE手机端使用rem
注：若要使用sass，先配置rem安装px2rem 在项目入口文件main.js中引入lib-flexible 在...
超级详细非常易懂篇！VUE学习笔记之vue-cli搭建项目
声明：这是之前使用vue-cli2.x的版本哦~使用vue-cli3见vue-cli3搭建项目 + 引入 elem...
Vue-cli 3.0 px转rem移动端适配方案
在Vue-cli 3.0搭建的项目中，对于移动端的适配使用到lib-flexible 和 postcss-pxto...
如何在vue-cli3.x中实现rem移动端适配
vue-cli3中实现rem移动端适配的有效方法：lib-flexible + postcss-pxtorem。 ...
vue 项目中使用vw——相比flexible更原生的移动端解决
以前喜欢用 lib-flexible 配合 px2rem 达到移动端适配的效果，最近了解了下vw 与 vh单位，以...
Vue中使用px2rem
在做移动端项目时rem是必不可少的；首先安装px2rem：然后在main.js中引入lib-flexible 在...
Vue学习笔记一：Vue-cli3搭建Vue项目
1. 搭建一个vue-cli3项目 2.vue-cli3全局环境变量的使用（1）根目录下新建.env，添加环境变...
如何使你的vue spa项目直接访问index.html文件即可
使用vue-cli3 搭建的项目在更目录下创建 vue.config.js