Laravel Bootstrap（Viteでの使用）／新規追加機能

npm install
npm install vite
npm install bootstrap @popperjs/core
npm install sass

プロジェクト構造.

my-project/
├── src/
│   ├── js/
│   │   └── main.js
│   └── scss/
│   │   └── styles.scss
│   └── index.html
├── package-lock.json
├── package.json
└── vite.config.js

scss/styles.scss

// BootstrapのCSSをすべてインポート
@import "~bootstrap/scss/bootstrap";

js/main.js

// カスタムCSSをインポート
import '../scss/styles.scss'
// BootstrapのJSをすべてインポート
import * as bootstrap from 'bootstrap'

vite.config.js

const path = require('path')
export default {
  root: path.resolve(__dirname, 'src'),
  resolve: {
    alias: {
      '~bootstrap': path.resolve(__dirname, 'node_modules/bootstrap'),
    }
  },
  server: {
    port: 8080,
    hot: true
  }
}