如何在“ angular.json”中配置内联样式和html模板？

Question

看起来所有教程都显示了如何以旧的angular.cli.json格式进行配置。

"defaults": {
  "styleExt": "css",
  "component": {
    "inlineStyle":true,
    "inlineTemplate":true
  }
}

，但不是angular.json格式。 并产生错误Workspace needs to be loaded before it is used

因此，我如何更改现有项目的配置以生成带有内联模板和CSS / SCSS的组件

谢谢。

Answer 1

研究了angular CLI命令并使用该设置生成一个新项目后，我便有了该解决方案：

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "project-name": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "prefix": "app",
      "schematics": {
        "@schematics/angular:component": {
          "inlineTemplate": true,
          "inlineStyle": true,
          "styleext": "scss"
        }
      }, ....
}