☰

Angular CLI 6: angular.json に Sass コンパイルを追加するにはどうすればいいですか? 質問する

tag-icon • tag-icon angular npm sass angular-cli
Angular CLI 6: angular.json に Sass コンパイルを追加するにはどうすればいいですか? 質問する

新しい Angular CLI 6.0 を使用して新しい Angular プロジェクトを作成しましたが、プロジェクトに Sass コンパイルを追加する必要があります。プロジェクトの作成時にフラグを設定できることは承知していますが、私のプロジェクトはすでに作成されており、作業は完了しています。

新しい Angular CLI で生成される新しい構成ファイルは、angular.jsonではなく と呼ばれるようになりましたangular-cli.json。ファイルのスキームも異なり、新しいプロパティが追加されました。

古いバージョンでは、次のようなangular-cli.json設定ができるセクションがありますstylExt。

"defaults": {
    "styleExt": "scss"
}

しかし、これをどこに置くべきか正確にはわかりません。"test"および"lint"プロパティの後に置くと、次のような lint エラーが発生します。

Matches multiple schemas when only one must validate.

建物は次のようなものを生み出します。

Schema validation failed with the following errors: Data path "['defaults']" should NOT have additional properties(styleExt).

見つめているCLIのドキュメントどこに置けばよいかを示すものが何も見当たりません"styleExt"。

ng set defaults.styleExt scss他の回答で、をスローするとアドバイスしているのを見ましたget/set have been deprecated in favor of the config command.。

試してみたng config set defaults.styleExt scssところ、npm config set defaults.styleExt scss前者はエラーをスローし、後者はファイルには影響がないようですが、エラーは発生しませんでした。

ベストアンサー1

まさに何をするかスモーキー・ドーソンはコメントした、

"projects": {
  "angular-app": {
    "root": "",
    "sourceRoot": "src",
    "projectType": "application",
    "prefix": "app",
    "schematics": {
      "@schematics/angular:component": {
        "styleext": "scss"
      }
    },
    "architect": {...}
  }
}

上記が結果です。アプリで、キー の下に、キーが に設定されたschematicsキーを追加します。@schematics/angular:componentstyleextscss

angular.jsonこれは、プロジェクトのルート ディレクトリ内のファイルに適用する必要があります。

おすすめ記事