角度5でBootswatchテーマを使用する方法

Question

角度5のプロジェクトでBootswatchテーマを使用しようとしています。 BootswatchとBootstrapの両方のバージョン4.0.0-beta-2を使用しています。私は両方のnpmをインストールして、私のstyles.scssの_variables.scssと_bootswatch.scssを、メインのstyles.scssの通常の角度cli/webpack規則を使ってimportしました。関連するテーマbootstrap.min.cssもこのファイルにインポートし、angular.cli.jsonのstyles []配列に追加します。ビルド中に

私が取得：

@include box-shadow(none); 
     ^
    No mixin named box-shadow 

と壊れたビルド。

Answer 1

角度4-5で作業しています。したがってnpm install bootswatchと記述されているようにstyle.scssファイルに関連ライブラリを添付してください。

あなたはライブラリを順番に含めていません。 このようにインポートしてみてください。

@import "../node_modules/bootswatch/dist/materia/variables"; @import "../node_modules/bootstrap/scss/bootstrap"; @import "../node_modules/bootswatch/dist/materia/bootswatch"; @import "../node_modules/bootswatch/dist/materia/bootstrap.min.css";