vue-cli 3内にグローバルsassを導入する方法

425 ワード

vue-cli 3 ss

vueでconfig.jsの中:

css: {
  loaderOptions: {
    sass: {
      prependData: `
        @import "@/assets/style/variable.scss";
      `
    },
  }
}

2つの注意点を言います.

プロジェクトでpostcssが使用されている場合はloaderOptionsに一緒に書くように注意し、2つのcssオプションを簡単に書くことに注意していない場合があります.これにより、後ろの1つが前のものを上書きし、有効にならないと問題が見つかりにくい場合があります.

巨大なエラーが発生した場合は、新版がdataではなくprependDataに変更されたことに注意してください.以前のバージョンはdata

と書かれていました.