vue设置全局scss

1.目录结构如下：

2.在vue.config.js中配置

module.exports = {
    css: {
        loaderOptions: {
            scss: {
                prependData: `@import "~@/css/public.scss";`,
            },
        },
    },
}

3.使用

body,
html {
  margin: 0;
  padding: 0;
  background: $blue;
}

4.或者不设置vue.config.js也行，直接用css引入也可以。

@import "@/css/public.scss";
body,
html {
  margin: 0;
  padding: 0;
  background: $blue;
}