vue rem插件与cube ui组件样式冲突

我也在网上看了几篇文章后，才解决的。但是并不顺利，可能是我的操作有误，为了以后特地记录：

postcss-px2rem不能忽略指定文件需要安装postcss-px2rem-exclude（安装前需要先卸载postcss-px2rem）
npm uninstall postcss-px2rem
npm i postcss-px2rem-exclude -D
在项目搭建的时候要选择配置文件的位置了。对于 Babel 、 PostCSS 等，都可以有自己的配置文件： .babelrc 、 .postcssrc 等等或者也可以把配置信息放在 package.json 里面
要是选择独立配置文件的直接在根目录下 postcss.config.js内修改（exclude 就是要忽略的文）

我是采用了独立配置文件的方式，在根目录下 postcss.config.js内修改的（没有postcss.config.js的话，就新建）。

module.exports = {plugins: {autoprefixer: {},"postcss-px2rem-exclude": {"remUnit": 75,"exclude": "/node_modules/i"}}
}

然后运行发现，没什么卵用，后来又尝试修改了postcss-px2rem-exclude的源文件。找到node_modules\postcss-px2rem-exclude\lib\index.js然后增加以下内容

增加的代码：

try{var flag=options.exclude.includes('/')if(flag){var arr=options.exclude.split('/')options.exclude=new RegExp(arr[1],arr[2])}}catch(err){}

到此之后，重新运行项目，就完美解决了，哈哈哈。

感谢 https://www.jianshu.com/p/9e2506002a65

vue rem插件与cube ui组件样式冲突相关推荐

Vue 3的高颜值UI组件库
Vue 3.0 已经发布两年多的时间,今年 2 月 Vue 3.0 也正式成为新的默认版本.今天就来分享 7 个适用于 Vue 3 的高颜值 UI 组件库! Element Plus Element ...
【Vue.js】Vue.js中常用的UI组件库和Vue Router
1.Vue生态中常用的UI组件库 1. vant 介绍轻量级.可靠的移动端 Vue 组件库有赞前端团队出品 GitHub地址:https://github.com/youzan/vant 特性拥 ...
初探 amaze-vue（基于vue.js封装的Amaze UI 组件库）
Amaze UI 是以移动优先(Mobile first)为理念,面向 HTML5 开发的国产优秀组件库.因官方未提供vue.js版本,而且民间一直对vue.js版本的 Amaze UI 组件库呼声很 ...
在已有vue项目中半途引入cube ui组件库的使用遇到的坑(血泪)
直接进入正题(我这儿是属于cube-ui普通编译) 1,在你的vue项目中找到package.json文件安装cube-ui 终端输入命令 npm install cube-ui --save 2 ...
【实用】一组原创原生样式的基础控件、UI组件样式（偏向移动端H5页面的样式）
点击查看效果代码直接复制就可以用了 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"" ...
vue 2.0 结合iview UI组件使用分页功能
5 款最棒的 Vue 移动端 UI 组件库 - 特别针对国内使用场景推荐
本文完整版:<最棒的 Vue 移动端 UI 组件库 - 特别针对国内使用场景推荐> Vue 移动端 UI 组件库推荐 Vant 3 - 有赞移动 UI 组件库,支持 Vue 3 微信小程序 ...
Vue (十五) --------- UI 组件库
目录一.移动端常用 UI 组件库 1. Vant 2. Vux 3. Cube UI 4. Mint UI 二.PC 端常用 UI 组件库 1. Element UI 2. IView UI 3. ...
16款优秀的Vue UI组件库推荐
16款优秀的Vue UI组件库推荐 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可. 在公司的Web前端项目开发中,多个项目采用 ...

vue rem插件与cube ui组件样式冲突

vue rem插件与cube ui组件样式冲突相关推荐

最新文章

热门文章