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

Posted 2023-03-13

【中文标题】如何在 `angular.json` 中配置内联样式和 html 模板？

【英文标题】：How configure inline style and html template in `angular.json`?

【发布时间】：2019-01-11 06:14:18

【问题描述】：

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

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

但不是angular.json 格式。 这会出现错误Workspace needs to be loaded before it is used

那么我如何更改现有项目的配置以使用内联模板和 CSS/SCSS 生成组件

谢谢。

【参考方案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"
        
      , ....