Question

我想在Laravel 5.4中使用Bootstrap。根据{{3}}

Laravel附带的默认webpack.mix.js将编译resources / assets / sass / app.scss SASS文件。这个app.scss文件导入SASS变量文件并加载Bootstrap，这为大多数应用程序提供了一个很好的起点。您可以通过配置Laravel Mix随意自定义app.scss文件，甚至可以使用完全不同的预处理器。

如何添加app.scss文件。即 - 如果这是app.css，我希望将其链接到我的文档头部。但是，作为app.scss文件，浏览器本身不会理解它（或者它会不会？）我不确定Larval希望我们如何将其插入到页面中。

Answer 1

使用npm run dev或npm run prod之类的内容构建资产后，您将在app.css树中的某处获得一个普通的public文件。在那之后，一点点

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

在你的刀片模板中，你应该很高兴。

Answer 2

在使用app.scss之前，您需要将scss文件编译为css并将编译后的文件移动到Laravel项目根目录中的公共目录。

存储已编译的css的地方取决于您，大多数人都会在public/css/app.css

中存储css

您可以使用几种自动化工具来编译app.scss，例如 Laravel mix，gulpjs，grunt 等。

要了解有关编译scss文件的更多信息，请从此处开始：https://laravel.com/docs/5.4/mix

但是，为了在Laravel刀片中使用Bootstrap，您不能完成所有这些过程

只需将引导程序文件（css，js）移动到Laravel public目录，然后在刀片模板中使用，就像这样。

<head>
    <title>Page Title</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="{{assets('css/bootsrap.css')}}" />
</head>

包括Laravel的app.scss文件

2 个答案: