Angular CLI에서 CSS에서 SCSS로 마이그레이션하는 방법은 무엇입니까?

Angular CLI: CSS에서 SCSS로 변환

Angular 프로젝트를 CSS에서 SCSS로 전환할 때 다음과 같은 오류가 발생할 수 있습니다.

styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT:
no such file or directory, open
'/Users/Egen/Code/angular/src/styles.css'

기존 프로젝트의 경우(Angular 6)

1. 기본 스타일 확장자를 "scss"로 업데이트합니다.

   • .angular-cli.json 또는 각도를 수동으로 편집합니다. json(Angular 6 ):

     {
     "defaults": {
       "styleExt": "scss"
     }
     }

   • 또는 다음을 실행합니다.

     ng config defaults.styleExt=scss

2. 기존 .css 파일의 이름을 .scss로 바꿉니다.
3. Angular.json의 apps[0].styles를 업데이트하여 다음을 포함하세요. .scss 확장자.
4. 새 파일 이름을 반영하도록 구성 요소 styleUrls를 업데이트합니다.

향후 프로젝트용

1. 새 프로젝트 만들기 사용:

   ng new your-project-name --style=scss

2. 전역 기본 스타일 확장 설정:

   ng config --global defaults.styleExt=scss

위 내용은 Angular CLI에서 CSS에서 SCSS로 마이그레이션하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!