Question

我想知道，为什么在全新的Laravel安装中，以下代码无法将Bootstrap CSS文件与blade.php文件链接起来，所以我认为这是使之正常工作的正确代码：

<link href="{{ asset('public/css/app.css') }} rel="stylesheet"/>

使它起作用的唯一方法是这种方式：

<link rel="stylesheet" type="text/css" href="/public/css/app.css">

但是我想用资产来做，所以我想知道什么是正确的方法。

Answer 1

您似乎正在尝试从公用文件夹访问引导CSS文件，但是默认情况下，只有在放置该文件之后，才会存在该文件。

另外，当您使用app.css文件时，所有内容都可以正常工作，因为它是一个已编译的CSS文件，它是引导程序，真字体和其他CSS文件的组合。如果您将VueJ与laravel一起使用，Laravel会保留这些文件。

Answer 2

您可以使用以下选项之一：

<link href="{{ asset('css/app.css') }}" rel="stylesheet" type="text/css" >

OR

<link href="{{ URL::asset('css/app.css') }}" rel="stylesheet" type="text/css" >

注意：如果您的目录结构是这样的，那么它将起作用：/public/css/app.css

Answer 3

您需要执行：

npm install bootstrap

等待，然后执行：

npm run dev

它将把带有所有依赖项文件的sass编译为app.css和app.js 然后需要将其包含在任何blade.php文件中

<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<script src="{{ asset('js/app.js') }}"></script>