2017-02-08 8 views
4

私は、bootstrap-sassパッケージを追加したangular-cliプロジェクトを持っています。私はこれを追加することにより、角度-cli.jsonでスタイルをロードしていますは、ブートストラップの変数を上書きします。

"styles": [ 
     "../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss", 
     "../node_modules/font-awesome/css/font-awesome.css", 
     "styles.scss" 
     ] 

しかし、私が持っているブートストラップ変数の一部を上書きすることができるようにしたいです。 Angi-cliプロジェクトでこれを行うにはどうすればよいですか?

答えて

4

これは実際にはかなり簡単でした。誰もが、私は、角-cli.jsonを介してグローバルスタイルの代わりに、ロードスタイルとして、以下が含まれるようにしたものを、同じ問題がある場合:

$icon-font-path: '~bootstrap-sass/assets/fonts/bootstrap/'; 
@import './shared/styles/_variables'; // my custom vars that overrides bootstrap 
@import '~bootstrap-sass/assets/stylesheets/bootstrap'; 
+0

どのファイルをインポートしますか? –

+0

私の目の前にコードを置かないでください。しかし、それはグローバルなstyles.scssか私のルートコンポーネントでした。 – hazmah0

-1

を、あなたのメインのstyle.scssにbootstrap.scssをインポートする場合、それは動作するはずですファイルを次のように作成します。

@import '<RALATIVE_PATH_TO>node_modules/bootstrap/scss/bootstrap.scss'; 
関連する問題