composer require laravel/ui  // 發(fā)文時最新的版本是 4.0.1，對不住了版主，我自己偷摸的上到最新的版本惹
php artisan ui bootstrap

然后我們到 windows 環(huán)境下開一個終端，比如 powershell，并執(zhí)行

npm config set registry=https://registry.npm.taobao.org
npm i

然后回到你的編輯器，找到項目根目錄下剛生成的 vite.coffig.js 我們修改成如下的效果

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import path from 'path'

export default defineConfig({
   plugins: [
       laravel([
           'resources/js/app.js',
       ]),
   ],
   resolve: {
       alias: {
           '~bootstrap': path.resolve(__dirname, 'node_modules/bootstrap'),
       }
   },
});

然后在 app.js 中導入 boostrap 5 的 scss

import './bootstrap';

// 以下為新增部分
import '../sass/app.scss'
import * as bootstrap from 'bootstrap'

之后再去項目的 blade 模板中，更換原本的 mix () 代碼。這里的話要是根據(jù)教程來，我們只改那個 default.blade.php 文件即可，即將其中的這兩行代碼

全部換成 @vite 代碼

@vite(['resources/js/app.js'])

下面是我在 default.blade.php 放的位置

    
    @vite(['resources/js/app.js'])   <--- here!


    
        
            Weibo App
            
                幫助
                登錄