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