vue-cli4中定义scss常量

vue-cli4中定义scss常量

第一步：/src/assets/css/config.scss

$green: #02a774;

第二步：Yes/选择scss

vue add style-resources-loader

第四步：vue.config.js文件

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

第五步：使用

color: $green;