vue-cli 4でscss定数を定義する

vue-cli 4でscss定数を定義する

ステップ1:/src/assets/css/config.scss

ステップ2:Yes/scssの選択

ステップ4:vue.config.jsファイル

const path = require("path");
module.exports = {
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'scss',
      patterns: [
        path.resolve(__dirname,'src/assets/css/const.scss')
      ]
    }
  }
};

ステップ5:使用