dashgumという名前の無料の HTML テーマをインターネットからダウンロードしました。angular-cliを使用してAngular2アプリケーションに実装しています。css ファイルを .scss に変換し、コードを angular アプリケーションに貼り付けました。次に、 styles.scssという名前のグローバル スタイル ファイルにファイルをインポートして、次のようにスタイルをアプリケーションに適用しました。
@import url('./scss/bootstrap.scss');
@import url('./scss/font-awesome/css/font-awesome.scss');
@import url('./scss/zabuto_calender.scss');
@import url('./scss/gritter/css/jquery.gritter.scss');
@import url('./scss/lineicons/style.scss');
@import url('./scss/style.scss');
@import url('./scss/style-responsive.scss');
デバッグ中に直面している問題は、すべてのスタイルが次のようにブラウザーに埋め込まれたスタイルとして表示されることです (スタイル タグに注意してください)。
テーマのように検査中にスタイルを外部スタイルとして表示したい。次のスクリーンショットで注意してください。
これらは Angular 2 のデフォルト設定です。これは、検査時にスタイルが埋め込まれて表示されるように明らかな変更を加えていないためです。検査時にスタイルが外部スタイルとして表示されるように、Angular 2 の設定を変更する既知の方法はありますか? 埋め込まれたスタイルにより、デバッグが難しくなります。解決策を指摘する助けをいただければ幸いです。