vue引用sass全局样式

引用scss全局样式

在组件内我们有时也需要引用mixin或者定义的一些变量，但又不想在每一个组件都引用，这时我们可以在Vue项目根目录下创建vue.config.js，并在其中加入如下配置。

下面的配置有版本要求

 "sass": "^1.26.5",
 "sass-loader": "^8.0.2",

module.exports = {
  css: {
    loaderOptions: {
      scss: {
        // 全局引入变量和 mixin
        prependData: `
          @import "@/assets/scss/variable.scss";
          @import "@/assets/scss/mixin.scss";
        `,
      },
    },
  },
};