☰

angular-cli で別の CSS ファイルを作成することは可能ですか? 質問する

tag-icon • tag-icon angular angular-cli
angular-cli で別の CSS ファイルを作成することは可能ですか? 質問する

デフォルトではすべてが次のものにバンドルされています:

  • インラインバンドル
  • ポリフィルバンドル
  • スタイルバンドル
  • ベンダーバンドル
  • メインバンドル

別々にすることは可能ですか？CSSファイル?

ベストアンサー1

はい！angular.jsonファイル内で一般的に行われるのは

"styles": [
  "styles/bootstrap.scss",
  "styles/app.scss",
  "styles/whatever-else.scss"
]

そして、それらすべてがファイルに結合されdist/styles.5d56937b24df63b1d01d.css、任意の名前が付けられます。

その代わり使用できますここで定義されたオブジェクト表記

"styles": [
  {
    "input": "styles/bootstrap.scss",
    "bundleName": "bootstrap"
  },
  {
    "input": "styles/app.scss",
    "bundleName": "app"
  },
  {
    "input": "styles/whatever-else.scss",
    "bundleName": "foo-bar"
  },
]

これにより、3 つの個別の CSS ファイルが生成されます。

  • dist/bootstrap.*.css
  • dist/app.*.css
  • dist/foo-bar.*.css

おすすめ記事