在Laravel安装中通过NPM安装Bootstrap

Question

在我在终端中"bootstrap": "^4.3.1"输入内容之后，我像这样在我的package.json文件中添加了Bootstrap，npm install并且它没有任何错误地完成了。下一步是什么？如何在我的视图中添加Bootstrap？看来NPM将Bootstrap安装到了/ node_modules文件夹中，但是我在resources / js / bootstrap.js中也有bootstrap.js文件。

Answer 1

您可以使用Laravel mix来编译您的资产，然后只需将其链接到布局中，因此您需要的是在您导入import bootstrap，您app.scss可以这样做，

@import '~bootstrap/scss/bootstrap';

然后resources/views/layouts/app.blade.php像这样链接该样式文件，

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

在laravel 5.6或更低版本中，app.scss文件位于，resources/assets/sass但在laravel 5.7和更高版本中，文件已更改为resources/sass/。npm run dev 在您的项目文件夹中运行以生成资产。希望这可以帮助