Bootstrap をカスタマイズする方法です。
npm インストール
scss を読み込むライブラリです。
npm install node-sass@5.0.0
npm install sass-loader@10.1.1
ここでバージョン指定しない場合、以下のエラーになるので注意。
PostCSS received undefined instead of CSS stringthis.getOptions is not a function
エラーが出たら一度アンインストールすること
npm uninstall sass-loader node-sass
scss を作成
node_modules と同じフォルダに scss フォルダを作成し、そこに index.scss を作成する
1 | @import './mixin'; |
同じ場所に mixin.scss を作成する
1 | $primary: #0275d8; |
import
main.js などで先ほど作成した index.scss を import する
1 | import { createApp } from 'vue' |