web-dev-qa-db-ja.com

Bootstrap 4でのインストールLaravel 5.7

Laravelの新しいプロジェクトに付属するapp.scssファイルをコンパイルしようとしていますが、Bootstrap 4.をインストールしたいのですが、npm run devをインストールしてもインストールされません。 Bootstrap 4、ただしBootstrap that Laravelがデフォルトで持っています。

このための推奨事項やドキュメントはありますか？

enter image description here

laravellaravel-5npmbootstrap-4laravel-5.7
4
Pablo Curumaco

実際、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"
7
Marcin Nabiałek

Laravel welcome.blade.phpファイルを見ると、CSSとGoogleフォントをインポートするリンクタグが表示されています。これは実際にBootstrapをインポートすることと混同しないでください。4。

Bootstrap 4と、デフォルトでLaravelに付属しているその他すべての優れた機能を実装するための手順を次に示します。すでにnpm run watchを実行したようですので、そのコマンドを実行したと想定します。

簡単な手順

リンクタグをヘッド要素に追加します。

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

Body要素の下部に次を追加します。

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

それでうまくいくはずです。ただし、SCSSファイルとJavascriptファイルがnpm run watchコマンドを使用してコンパイルされていることを確認してください。そうしないと機能しません。

乾杯！

7
J. Robinson