hlev/jetstrap-minimal

为 Laravel 10 和 11 设计的包，用于用 Bootstrap 5.3 替换 TailwindCSS，以及 Livewire 和 Blade，Teams

维护者

详细信息

github.com/hlev/jetstrap-minimal

源代码

问题

安装: 34

依赖者: 0

建议者: 0

安全性: 0

星标: 2

关注者: 1

分支: 0

开放性问题: 1

语言:Blade

1.1.0 2024-03-17 09:44 UTC

Requires

MIT 6790267f3a2d5fab5d84e1807e499cfb0e1383e7

  • Levente Huszko <levente.huszko.woop@high-end.hu>

phpbootstraplaravelbladelivewirejetstream

This package is auto-updated.

Last update: 2024-09-17 13:10:39 UTC

README

为 Laravel Jetstream (4.x || 5.x) 提供的包，使用 Livewire (3.x) + Blade 替换 TailwindCSS 为 Bootstrap 5.3

Latest Version on Packagist Total Downloads

受 joeycoonce/jetstrap/ 启发

简介

我找不到适用于这种设置的任何可工作的包，但 Tailwind 让我感到不知所措，因此我决定制作一个包，其目标仅仅是使最新的 Laravel Jetstream 框架与最新的 Bootstrap 一起工作。

  • 无需配置
  • 1 (内部) 服务提供者
  • 无需迁移、额外的资产等。

安装

应在新的 laravel/jetstream livewire 项目中安装。

composer require hlev/jetstrap-minimal

注意：下一步将覆盖/删除文件！

./artisan jetstrap:swap

npm update

命令

  • 更新 package.json，删除 Tailwind，添加 Bootstrap、@popperjs/core 和 SASS
  • 删除 tailwind.config.js
  • 更新 postcss.config.js 和 vite.config.js
  • 删除 resources/css/
  • 就地复制 sass 和 js 资源
  • 覆盖 resources/views 中的视图和组件，使用 Bootstrap 语法。
  • 将 / 路由从 'welcome' 更改为 'dashboard'

其他

分页

你可能已经运行或将要运行以下命令

./artisan livewire:publish

然后更新 config/livewire.php 以使用 'bootstrap' 分页。我没有进行测试。

修复

至于框架组件，我主要从 joeycoonce/jetstrap/ 复制，并修复了以下问题

  • switchable.team.blade：在 @props[ 'component' => ...] 引用中删除了 'jet-' 前缀
  • modal.blade.php：删除了 @entangle($attributes->wire('model')) 中的 .defer 以使模态工作。根据 Livewire 3.x 升级文档
  • 修复了 @livewireStyles 和 @vite() 资产包括
  • 将 @livewireScripts 添加到访客布局，因为 Jetstream 4.x 也使用 Alpine 在访客页面上
  • 调整了 2FA 模板以符合 4.x