vue に Sass ファイルをグローバルに導入する

1. まず、プロジェクトディレクトリ src の下にスタイルファイルが入らないようにフォルダーを作成し、そのフォルダー内にインポートしたい scss ファイルを置きます

 2. ターミナルを開いて scss と scss-loader をインストールします

npm install node-sass --save-dev
npm install sass-loader --save-dev

3. 次に、vue.config.js ファイルに書き込みます

css: {
    extract: false,
    loaderOptions: {
      scss: {
        // 全局引入变量和 mixin
        additionalData: `
          @import "@/style/App.scss";
        `
      }

    },
  },

4. $とnameで定義した変数をscssファイルに書き込みます

 5. プロジェクトでの利用

 6. 大丈夫だよ、ははは