Angular-cli：グローバルなCSSにファイルを少なくコンパイル

Question

lessを使用するようにアプリケーションをセットアップしました。私はless filessを使用することができます。しかし、lessファイルをグローバルcssにコンパイルして、ルートindex.htmlに含める必要があります。

最新のangular-cliバージョン（私は"angular-cli": "1.0.0-beta.19-3",を使用しています）はwebpackを使用していますが、実装方法に関するドキュメントやこの指示を追加するWebpackファイルは見つかりません。

どのようにして、グローバルに使用するために少ないファイルをコンパイルするためにangle-cliアプリケーションを設定できますか？

Answer 1

apps[0].stylesのファイルをangular-cli.jsonに追加してください。たとえば

"apps": [ 
    { 
    "styles": [ 
     "main.less" 
    ] 
    } 

自動的にバンドルに含まれます。いつものように他の少ないファイルをmain.lessからインポート/参照することができ、apps[0].stylesに任意の数のエントリを追加できます。

ベンダーのスタイル（node_modulesのパッケージなど）を追加することもできます。

angular-cli.jsonのパスは、srcディレクトリに関連しています。