使用诺依(RuoYi)时框架时，build打包编译后部分样式错乱被污染

应用场景：

后台管理系统使用诺依框架进行开发，发现本地开发时组件的样式使用scoped进行局部样式设置，但是打包编译到测试环境以后发现，组件里面的样式会被编译成2个样式，一个全局样式跟局部样式，从而导致组件的样式污染到其它同名的样式。

解决方法如下：

找到vue.config.js文件进行如下配置修改

 

 代码如下

  css: {
    // loaderOptions: {
    //   sass: {
    //     sassOptions: { outputStyle: "expanded" }
    //   }
    // }
    extract:false,
    sourceMap:false
  },