【Vue3×Vite】グローバルなSCSSを設定する方法

①プロジェクトのルートディレクトリにvite.config.jsを作成。
②vite.config.js ファイルを開き、以下のようにグローバルなSCSS設定を追加。

// vite.config.js

import { defineConfig } from 'vite';

export default defineConfig({
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@import "@/styles/global.scss";`,
      },
    },
  },
});