环境

Angular 13.2.7

在使用Angular的ng new创建项目时，选择的样式表会根据以下设置而改变ng generate component时的样式表扩展名。

? Which stylesheet format would you like to use? (Use arrow keys)
> CSS
  SCSS   [ https://sass-lang.com/documentation/syntax#scss                ] 
  Sass   [ https://sass-lang.com/documentation/syntax#the-indented-syntax ] 
  Less   [ http://lesscss.org                                             ] 

如果选择CSS，将会使用.css文件进行创建。

>ng generate component test
CREATE src/app/test/test.component.html (19 bytes)
CREATE src/app/test/test.component.spec.ts (612 bytes)
CREATE src/app/test/test.component.ts (267 bytes)
CREATE src/app/test/test.component.css (0 bytes)
UPDATE src/app/app.module.ts (875 bytes)

如果你不小心设置错了，之后想要更改文件扩展名的话，只需修改项目根目录中的angular.json文件中的以下设置即可更改文件的扩展名。

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "(プロジェクト名)": {
      "projectType": "application",
      "schematics": {
        "@schematics/angular:component": {
          "style": "scss" //scssに変更
        },

将使用更改后的文件扩展名进行创建。

>ng generate component test
CREATE src/app/test/test.component.html (19 bytes)
CREATE src/app/test/test.component.spec.ts (612 bytes)
CREATE src/app/test/test.component.ts (268 bytes)     
CREATE src/app/test/test.component.scss (0 bytes)     
UPDATE src/app/app.module.ts (875 bytes)

请用中文翻译以下内容, 只需一种选择:

参考

Angular-cli from css to scss