vue项目中如何全局引入scss/sass文件

增加vue.config.js文件配置css

  css: {
    loaderOptions: {
    // 给 sass-loader 传递选项
      sass: {
      // @/ 是 src/ 的别名
      // 所以这里假设你有 `src/variables.scss` 这个文件
      // 在 sass-loader v7 中，这个选项名是 "data" , sass-loader v8 中，，这个选项名是 "prependData" ,
        data: `@import "@/styles/mixin.scss";@import "@/styles/variables.scss";`
        // prependData: `@import "@/assets/styles/public.scss";`
      }
    }
  },

vue文件无需引入