在Laravel安装中通过NPM安装Bootstrap

问题描述 投票:0回答:1

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

laravel npm webpack bootstrap-4 laravel-mix
1个回答
0
投票

你可以使用laravel mix来编译你的资产,然后简单地将它链接到你的布局中,所以你需要的是在你的app.scss中导入bootstrap,你可以这样做,

@import "node_modules/bootstrap/scss/bootstrap.scss";

并在你resources/views/layouts/app.blade.php链接这样的样式文件,

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

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

© www.soinside.com 2019 - 2024. All rights reserved.