bootstrap 4（sass）でlaravelを正しく設定する方法

Question

sassとlaravelでブートストラップ4を使用する正しい方法は何ですか？その等価物はソースファイルをdonwloadしてパブリックフォルダに入れるか、それともnpmを使うのが良いですか？

それぞれのケースで、laravelでブートストラップを設定する適切なプロセスは何ですか？

ソースファイルをダウンロードする場合は、たとえば、/ public/css /内のブートストラップフォルダを作成し、ソースファイルフォルダにあるsassファイルを貼り付けることができますか？しかし、どのようにHTMLファイルにCSSをインポートするのですか？

npmを使用している場合は、動作するチュートリアルをご存知ですか？それは多くの方法があるようですが、これが動作するためのいくつかの推奨プロセスがありますか？私はプロジェクトフォルダnpm install bootstrap@4.0.0-beta.2でコマンドを使用し、次にbootstrap.js "bootstrap-sass"を "bootstrap"に変更してからapp.scssで3回目のインポートを "@import "node_modules/bootstrap/scss/bootstrap"に変更します。私はこのプロセスが正しいかどうかはわかりませんが、もしそうならば、レイアウトを編集するために、bootstrapのcssファイルをnode_modulesのbootstrapフォルダに入れてください。または、そのブートストラップフォルダをパブリックフォルダなどにコピーする必要がありますか？ここで

Answer 1

は、あなたが次にあなたが

今

yarn add bootstrap@4.0.0-beta.3 popper.js

が必要になりますどのようなインストールはもう

yarn remove bootstrap-sass

使用することはありません何を取り除く、私は

まずそれを行う方法ですリソース/アセット/ bootstrap.js（Boとは関係ありません） otstrap我々は

ルックのために）話をしている

require('bootstrap-sass'); 

その後リソース/資産/ SASS/app.scss

ルックのために行く

window.Popper = require('popper.js'); 
require('bootstrap'); 

のためにそれを代入

@import "~bootstrap-sass/assets/stylesheets/bootstrap"; 

そして、それだ

@import "~bootstrap/dist/css/bootstrap"; 

のためにそれを代用！

yarn run devまたはyarn run watchを実行して変更を有効にする必要があります。