Ionic 2アプリケーションでブートストラップを3/4 cssに設定

Question

私のIonic 2フレームワークアプリケーションですべてのブートストラップ3または4のCSSの機能を使いたいと思います。

、それが動作していないイオン2について、角度2

とブートストラップCSSの統合のために示したように私は、ブートストラップCSSをインストールする手順に従って、イオン2フレームワークの設定手順は何ですか？

Answer 1

この手法を使用して外部ライブラリをプロジェクトに追加します。

1. このファイル内のモジュールをエクスポートし、このフォルダ内
2. 「custom.lib.js」1つのJSファイルを作成
3. ルートプロジェクト上のフォルダ「スクリプト」を作成します。
4. 最初の5つの要素はイオン設定です（コピー＆ペースト）
5. 次に、あなたがイオン化したい場所にlibを追加します（私はあなたにfont-awesome libの一例を残しました）。

6. package.jsonで "ionic_copy"設定を上書きするには、package.json呼び出し内に1つのセッションを作成します。

   "設定"：{ "ionic_copy"： "./scripts/custom.lib.js" }、

私は助けあなたを願っています。

module.exports = { 
     copyAssets: { 
     src: ['{{SRC}}/assets/**/*'], 
     dest: '{{WWW}}/assets' 
     }, 
     copyIndexContent: { 
     src: ['{{SRC}}/index.html', '{{SRC}}/manifest.json', '{{SRC}}/service-worker.js'], 
     dest: '{{WWW}}' 
     }, 
     copyFonts: { 
     src: ['{{ROOT}}/node_modules/ionicons/dist/fonts/**/*', '{{ROOT}}/node_modules/ionic-angular/fonts/**/*'], 
     dest: '{{WWW}}/assets/fonts' 
     }, 
     copyPolyfills: { 
     src: ['{{ROOT}}/node_modules/ionic-angular/polyfills/polyfills.js'], 
     dest: '{{BUILD}}' 
     }, 
     copySwToolbox: { 
     src: ['{{ROOT}}/node_modules/sw-toolbox/sw-toolbox.js'], 
     dest: '{{BUILD}}' 
     }, 
     copyFontAwesomeCSS: { 
     src: '{{ROOT}}/node_modules/font-awesome/css/font-awesome.min.css', 
     dest: '{{WWW}}/assets/css/' 
     }, 
     copyFontAwesome: { 
     src: '{{ROOT}}/node_modules/font-awesome/fonts/**/*', 
     dest: '{{WWW}}/assets/fonts/' 
     } 
    };