Angular 17如何通过ng generate命令生成带styleUrls的组件

有两种方式可以实现，无需手动修改组件文件：

1. 单次生成组件时指定参数 #

在执行生成命令时添加--style-urls参数，示例命令：

ng generate component my-component --style-urls

执行后生成的组件装饰器会自动使用styleUrls数组（即使仅关联一个样式文件）。

2. 全局配置永久生效 #

修改项目根目录下的angular.json文件，找到目标项目的组件 schematic 配置节点，添加styleUrls: true：

{
  "projects": {
    "your-project-name": {
      "schematics": {
        "@schematics/angular:component": {
          "styleUrls": true
        }
      }
    }
  }
}

保存配置后，后续所有通过ng generate component命令生成的组件都会默认使用styleUrls数组形式。

内容的提问来源于stack exchange，提问作者Anna Zhukova