如何将 Tailwind CSS 应用于 Laravel 9 中的所有 Blade 视图?



我是拉拉维尔的新手。请清楚地解释可能需要进行哪些更改,因为我不理解任何速记短语或在此框架方面有任何"常识"。非常感谢。

问题:<h1> class="text-3xl font-bold underline">Hello world!</h1>"添加到空白边栏选项卡.php文件时不起作用。

步数:0.已遵循官方安装说明。

  1. 在 tailwind.config 中配置的模板路径.js:"./resources/**/*.blade.php", "./resources/**/*.js", "./resources/**/*.vue",

  2. 向应用程序添加了顺风指令.css:@tailwind base; @tailwind components; @tailwind utilities;

  3. 已验证 app.blade 中是否存在@vite(['resources/css/app.css', 'resources/js/app.js']).php

主要问题:
如何将 Tailwind CSS 应用于 Laravel 9 中的所有 Blade 视图?

☑️关注点1:
以后我是否必须手动将@vite('resources/css/app.css')应用到每个页面的标题中?

☑️关注点2:
自步骤1和3正确完成以来,它不应该自动应用于所有刀片.php文件吗?

更新:官方文档中的所有说明均已完成。它运行良好,但是如果不将@vite('resources/css/app.css')直接添加到index.blade.php,顺风样式仍然不起作用。

谢谢你帮助我学习。

you should make folder layouts and into folder make main.blade.php
-------------------------
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body >
@yield('content')
</body>
</html>
------------------------------
and in other page for example index.blade.php
@extends('layouts.main')
@section('title', 'Index')
@section('content')
@endsection

最新更新