首页 > 解决方案 > Laravel Bootstrap CSS 链接 {{ 资产 }}

问题描述

我想知道,为什么在全新的 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">

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

标签: htmlcsslaraveltwitter-bootstraplaravel-5.7

解决方案


你需要执行:

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>

推荐阅读