2016-12-11 12 views
0

私はangle-cliプロジェクトに取り組んでいます。私はSCSSを使用しており、彼らはコンパイルされており、私はそれらの変更を観察することができます。 ルートパスのstyles.cssとapp.component.scssがコンパイルされず、変更を監視することもできません。角度のcliプロジェクトにルートのスタイルが適用されていません

enter image description here

ここでは、ルートフォルダ構造です。 style.cssには、それがvscode設定を使用して隠されています、ので、あなたがのstyle.cssを見ることはできません

"styles": [ 
     "../node_modules/bootstrap/dist/css/bootstrap.min.css", 
     "../node_modules/mdi/css/materialdesignicons.min.css", 
     "../node_modules/roboto-fontface/css/roboto/roboto-fontface.css", 
     "../node_modules/font-awesome/css/font-awesome.min.css", 
     "../node_modules/tinymce/skins/lightgray/skin.min.css", 
     "styles.css" 
    ] 

(これは、角度-cli.jsonで行われます)ルート構造にコンパイルされます。 ここで何が間違っていますか、ここで変更を適用するにはどうすればよいですか?

+2

angle-cli.jsonのstyles-arrayはstyles.cssに何もコンパイルしません。 これは、styles.cssがdistのバンドルされたスタイルの一部でなければならないことをcliに伝えます。 –

+0

app.componenent.scssがコンポーネントに挿入されていて、ユニークなCSSファイルが作成されていない場合は、「ちょうどうまくいくはずです」 –

+0

「うまくいく」はずです。まさに@JohanBlomgren。問題は、それがルートディレクトリにあってもコンパイルされないということです。 app.component.cssがありますが、新しい変更はここでコンパイルされません。 –

答えて

0

これを解決するために管理されました。 私が遭遇した問題は、最初に自分のプロジェクトが作成されたときにスタイルのデフォルトの拡張子がCSSだったためで、SCSSのスタイリングがはるかにきれいなので変更されました。

したがって、angular-cli.jsonの以前の設定が問題でした。コンパイルが発生したとき、それはSCSSファイルに変更を検出しませんが、CSS のためにその探索はこれが答えだった間違いを理解するために私を助けた - Angular2 - Angular-CLI SASS options

PS - 私は間違いでどこに行ったことがあります。

0

使用している角度クリニックのバージョンは何ですか?

1.0.0-beta.22-1を使用していて、styles.cssがprodビルドで正しくバンドルされていませんでした。 1.0.0-beta.19-3にダウングレードされ、再び動作します。後のcliプロジェクトのバグと思われます。

+0

1.0.0-beta.18は、 –

関連する問題