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;