2017-04-25 8 views
1

状況によっては、Angular 2 AppをAngularJSに移動することを余儀なくされています。AngularJSコンポーネントのスタイルシートをインポートするにはどうすればよいですか?

ほとんどのコンポーネントには、特定のスタイルシートの独自のStyleUrlプロパティがあります。これまでオンラインで検索していましたが、Webpackを自分のプロジェクトに統合することを除いて、AngularJSでそうする方法は見つかっていませんでしたが、問題があります。

私は別の方法があるのだろうと思っていましたが、もしそうでなければ、これにWebpackを使う正しい方法は何ですか?

EDIT:2017年5月9日
は私の状況に関する最新情報を与えたいと思いました。 Yeshwanthが提供したダイナミックCSSローディングモジュールのテストの結果、コンポーネントのCSSが外部のDOMに漏洩し、別の解決策を探し続ける必要があることがわかりました。

最終的に私はSCSSのアプローチを使用して辞任しました。コンポーネントテンプレート内で、1つのbig、encapsuling div要素を定義し、何らかの種類のIDを与えます。その後、.scssファイル内で、そのIDのスタイルブロックを記述し、そのブロックにすべてのコンポーネントスタイルを配置します。 SCSSファイルをコンパイルすると、生成されたCSSファイルはコンポーネントの要素に対してのみ動作します。

エミュレートされたシャドードームを角2で完全にエミュレートするかどうかはわかりませんが、私の目的では十分でした。お役に立てれば。

+0

ウェブパックには適切な方法があります。 –

答えて

2

角度1.xでは、コンポーネント固有のスタイルをインポートできないと思います。 しかし、動的なCSSの読み込みが便利になるかもしれません。 ご参考までにthis

+0

リンクをありがとう、私はそれをチェックアウトし、うまくいけばAngularJS 1.6.3で動作します。 –

+0

素晴らしい作品です!ありがとう:) –

+0

ようこそ@チェンLeikehmacher –

関連する問題