如何在`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"
        }
      }, ....
}

@JeffreyDrake 在评论中如果你想对 NX 做同样的事情

"@nx/angular:component": { 
  "style": "css",
  "inlineStyle": true,
  "inlineTemplate": true,
  "viewEncapsulation": "None",
  "standalone": true,
  "changeDetection": "OnPush",
  "displayBlock": true 
}