web-dev-qa-db-ja.com

Angular SASSを使用したCLI生成ライブラリ

ライブラリを作成しようとしているAngular6アプリがあります。ライブラリプロジェクトを生成できましたが、ライブラリのコンポーネントを生成すると、Angular CLIが。cssファイルを使用して作成しています。

。scssファイルを作成するにはどうすればよいですか?

プロジェクトの作成に使用するコマンドは次のとおりです。

ng new example-app --style=scss
rename example-app example
cd example
ng generate library example --prefix=exam --style=scss
ng generate component test --project=example

--style=scssオプションのng generate libraryコマンドを実行しても効果がありません。テストコンポーネントフォルダーにCSSファイルが残っています。

7
Chris

schematicsをプロジェクトのangular.json以下の例のように:

"example": {
    "root": "projects/example",
    "sourceRoot": "projects/example/src",
    "projectType": "library",
    "prefix": "exam",
    "schematics": {
      "@schematics/angular:component": {
        "styleext": "scss"
      }
    },
 ....
}

または、次のようにangular-cliを介してこの値を設定できます。

ng config schematics.@schematics/angular:component.styleext scss

その後、コンポーネントを生成しようとすると、scss拡張子が付きます。

21
Efe