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

1738 ワード

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


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

$green: #02a774;

ステップ2:Yes/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;