VUE-cli4定数定義されたSCSS

VUE-cli4定数定義されたSCSS

最初のステップ：/src/assets/css/config.scss

$green: #02a774;

ステップ2：はい/選択SCSS

vue add style-resources-loader

ステップ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：

color: $green;