npm install -D sass sass-loader
npm i bootstrap bootstrap-vue-3 @popperjs/core
npm i unplugin-vue-components -D
main.js
import { createApp } from 'vue'
import BootstrapVue3 from 'bootstrap-vue-3'
// Optional, since every component imports their Bootstrap functionality
// the following line is not necessary
// import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
const app = createApp(App)
app.use(BootstrapVue3)
app.mount('#app')
일반적인 사용자라면 여기서 끝내고 사용하면 됩니다.
main.js
import { createApp } from 'vue'
import BootstrapVue3 from 'bootstrap-vue-3'
// Optional, since every component imports their Bootstrap functionality
// the following line is not necessary
// import 'bootstrap'
import '@/styles/index.scss'
const app = createApp(App)
app.use(BootstrapVue3)
app.mount('#app')
main.scss
@import './default/variables.scss';
@import 'bootstrap/scss/bootstrap';
@import 'bootstrap-vue-3/dist/bootstrap-vue-3.css';
variables.scss
$primary: #123456;
<div class="home">
<img src="../assets/logo.png" />
<b-button variant="primary">test</b-button>
</div>