Laravel 10中如何安装基于Bootstrap 5的Breeze替代Tailwind？

完全可以直接在安装Breeze时选择Bootstrap 5作为UI框架，不需要先装Tailwind版本再手动修改Blade文件，具体步骤分两种情况：

情况1：还未安装Breeze #

• 确保Laravel 10项目已创建，执行以下命令安装Breeze的Bootstrap版本：

  composer require laravel/breeze --dev
  php artisan breeze:install bootstrap
  

• 安装前端依赖并编译资源：

  npm install && npm run dev
  

• 迁移数据库（若需启用认证功能）：

  php artisan migrate
  

情况2：已安装默认Tailwind版本的Breeze #

如果已经装了带Tailwind的Breeze，也可以改成Bootstrap，步骤如下：

• 移除Tailwind相关前端依赖：

  npm remove tailwindcss postcss autoprefixer
  

  同时删除项目根目录下的tailwind.config.js和postcss.config.js文件
• 安装Bootstrap及依赖：

  npm install bootstrap @popperjs/core
  

• 修改资源文件：
  • 打开resources/css/app.css，替换原有Tailwind导入内容为：

    @import "bootstrap/dist/css/bootstrap.min.css";
    

  • 打开resources/js/app.js，添加Bootstrap JS的导入：

    import 'bootstrap/dist/js/bootstrap.bundle.min.js';
    

• 替换Blade视图文件：
  执行以下命令强制安装Breeze的Bootstrap版本，覆盖原有Tailwind风格的视图：

  php artisan breeze:install bootstrap --force
  

• 重新编译前端资源：

  npm run dev
  

内容的提问来源于stack exchange，提问作者web216