1

現在Angular2で遊んでいます。私は主にバックエンドの .Net 開発者だったので、Web とすべての JavaScript の世界ではまったくの初心者です。私は、ほとんど同じことを別の方法で行うように見える JavaScript ライブラリとしてのすべての選択肢と、いくつかの顕著な違いに少し混乱しています。

私の場合、コンポーネントの styleUrls プロパティを使用できる場合、ng2 コンポーネントの CSS ローダーの目的は何なのか疑問に思っています。

私はこのチュートリアルに従っていますhttp://teropa.info/blog/2016/02/28/metabubbles-generative-art-with-angular-2.html#extracting-a-circles-serviceしかし、私は再現しようとしています代わりに typescript を使用します。

「CSS を使用したコンポーネントのスタイリング」の部分では、次のように Webpack の CSS ローダーを使用しています。

@Component({
  selector: 'mb-canvas',
  template: `...`,
  styles: [require('css!./canvas.component.css').toString()],
  directives: [CircleComponent]
})

今のところ、私が知る限り、このようなコンポーネントの styleUrls プロパティを使用できるため、役に立たないようです

@Component({
  selector: 'mb-canvas',
  template: `...`,
  styleUrls: ['./canvas.component.css'],
  directives: [CircleComponent]
})

誰でも理解できますか？私はSystemJSを使用しているので、CSSローダーを使用するのが良い方法である場合、CSSファイルをロードするためのサポートはないと思います.webpackまたは私が見つけた複数のローダーのいずれかに切り替える必要があります. 例を見るたびに別のローダーを見つけるので、ローダーが本当に過密です;）

4

1 に答える 1