Question

我正在尝试从Laravel编译我的新项目随附的app.scss文件，但我想安装Bootstrap4。在执行npm run dev时，我没有安装Bootstrap 4。具有默认情况下Laravel带来的Bootstrap。

对此有任何建议或文档吗？

Answer 1

事实上，Laravel默认随附Bootstrap 4。如果您查看https://github.com/laravel/laravel/blob/master/package.json文件（您的项目中也应该有package.json），您将看到以下行：

"bootstrap": "^4.0.0"

这意味着将安装Bootstrap 4。

您应该运行

npm install

要安装所有软件包，默认情况下将安装Bootstrap 4。

此~符号表示此处node_modules的目录，因此实际上是

@import "~bootstrap/scss/bootstrap"

表示

@import "node_modules/bootstrap/scss/bootstrap"

Answer 2

如果您查看Laravel welcome.blade.php文件，则会看到一些CSS和一个导入Google字体的链接标记。请勿将其与实际导入Bootstrap 4混淆。

这里介绍了实现Bootstrap 4所需采取的步骤，以及默认情况下Laravel附带的所有其他不错的功能。好像您已经在运行npm run watch，所以我假设您已经在运行该命令。

简单步骤

将链接标签添加到您的head元素：

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

在body元素的底部添加以下内容：

<script src="js/app.js" charset="utf-8"></script>

那应该为您做。但是请确保您已经使用npm run watch命令编译了SCSS文件和Javascript文件，否则将无法正常工作！

干杯！