11

reactstrapを使用して React アプリの開発を開始します。次のコマンドを実行して、Get Started に従いました。

npm install -g create-react-app
create-react-app my-app
cd my-app/
npm start

npm install bootstrap --save
npm install --save reactstrap@next react react-dom

次に、プロジェクトフォルダーのと bootstrap/ で"bootstrap": "^4.0.0"確認できます。良い。package.jsondependenciesnode_modules

たとえば、ブーストラップの原色を変更したいと思います。簡単に始めましょう:)。Bootstrap 4 Themingを読みcustom.scssましたが、プロジェクトに何も見つかりません。

reactstrap を使用するときにブートストラップ テーマを追加および編集する適切な方法は何ですか? さらに、にあるため、ブートストラップの更新間で変更を保持するにはどうすればよい/node_modulesです.gitignoreか?

PS: 私は web/react 開発に慣れていないので、ばかげたことや明白なことを尋ねたり言ったりした場合は申し訳ありません。

ありがとう

4

2 に答える 2

2

プロジェクト構造に SCSS ファイルを作成する必要があります。scss import を使用して defal=ult ブートストラップ スタイルを含める

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

その後、スタイルを再割り当てします。

ただし、最初にすべきことは、webpack を調整して .scss ファイル拡張子を理解することです。

于 2018-01-30T14:30:05.710 に答える