Vue 配置文件引入公共样式被覆盖？

Question

vue.config.js

css: {
    loaderOptions: {
      scss: {
        additionalData: `@import '@/assets/scss/common.scss';`
      }
    }
  }

在配置文件中引入了公共样式

但是却引发了样式重复加权重的问题，会把第三方的方式给覆盖了。🐛🐛🐛

是我配置的问题吗，求大佬解答。🚑️

Answer 1

• additionalData 用来与注入scss变量和方法的，从而让每个文件能够读取到变量并使用
• 公共样式直接在main.js引入就好了