怎么在Laravel9.x中快速安装Bootstrap

composer require laravel/ui  // 发文时最新的版本是 4.0.1，对不住了版主，我自己偷摸的上到最新的版本惹
php artisan ui bootstrap

然后我们到 windows 环境下开一个终端，比如 powershell，并执行

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 () 代码。这里的话要是根据教程来，我们只改那个 default.blade.php 文件即可，即将其中的这两行代码

全部换成 @vite 代码

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

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

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


    
        
            Weibo App
            
                帮助
                登录