bootstrap to an an ionic 4 app

Question

ionic 4アプリケーションを構築していて、CDNメソッドを使用せずにbootstrapを使用したい。インストールしたbootstrap npmインストールブートストラップ。

Answer 1

Ionic 4の場合、angular.jsonファイルを使用することでこれを簡単に行うことができます

angular.jsonファイルを開きます。これはプロジェクトのルートにあります。

スタイル配列を見つけて、ダウンロードしたパスを追加しますbootstrapファイル

"styles": [
          {
            "input": "src/theme/variables.scss"
          },
          {
            "input": "src/global.scss"
          },
          {
            "input": "node_modules/bootstrap/dist/css/bootstrap.min.css"
          }
        ],

bootstrapスクリプトを使用する場合は、bootstrapスクリプトをスクリプト配列に追加します。

注意： bootstrapスクリプトを使用するには、jqueryとpopper.jsもプロジェクトに追加する必要があります

Answer 2

1. ionic appフォルダー内に新しいフォルダーpublic/cssを作成します。
2. public/css内にbootstrap.min.cssのコピーを貼り付けます。
3. angular.jsonに "public/css/bootstrap.min.css"文字列パスを追加します。

*必ずアプリを再構築してください。> ionic serve