Angular 프로젝트에서 .css 파일을 .scss 파일로 수정하는 방법에 대해 이야기해 보겠습니다.

이 기사에서는 Angular에 대해 설명합니다. 프로젝트를 초기화한 후 기본 .css 파일을 .scss 파일로 변경하는 방법은 무엇입니까? 처리방법을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

【관련 튜토리얼 추천: "angular tutorial"】

질문: 아래 사진은 초기화 후의 프로젝트입니다. 프로젝트의 스타일 파일이 .css 파일입니다. .css를 .scss로 변경하려면 어떻게 해야 하나요?

해결책: 다음 명령을 실행합니다:

find . -name "*.css" -exec bash -c 'mv "" "${1%.css}".scss' - '{}' ;

그러면 콘솔에 오류가 표시됩니다. 이전에 .css 파일이 참조되었던 위치가 이제 .scss 파일이 되었고 참조가 필요하기 때문입니다. 수정됩니다.

두 가지 수정 사항이 있습니다.

1은 비즈니스 구성 요소이고

2는 프로젝트 구성 파일입니다.

비즈니스 구성 요소는 접미사가 .scss인 .css에 대한 원래 참조를 변경하는 것을 의미합니다. 예:

angular.json에서 프로젝트 구성 정보는 다음과 같이 수정됩니다.

수정 후 일부 콘솔 오류가 해결됩니다. 여전히 오류가 있는 경우:

이런 종류의 오류가 발생하면 프로젝트를 중지하고 프로젝트를 다시 실행하세요.

현재 프로젝트에서는 .css를 .scss로 변경해야 합니다. 개혁되라.

한 가지 주의할 점은 이 프로젝트가 새로 생성된 프로젝트이며 다수의 타사 라이브러리가 도입되기 전의 단계라는 것입니다. 글꼴 라이브러리, 스타일과 관련된 기타 라이브러리 등 다수의 타사 라이브러리가 도입된 경우 이 방법에는 특정 제한 사항이 있을 수 있으며 추가 수정이 필요할 수 있습니다. 이 문서에 인용된 참조 문서를 참조하세요.

참조: https://lanxuexing.github.io/2019/09/26/ng-scss- migration/

요약: 어제 나중에 선언한 라우팅 파일과 동일합니다. 실제로는 다음과 같은 경우에 사용할 수 있습니다. 프로젝트를 초기화하면서 이런 것들을 적어보세요.

• 하나는 프로젝트를 초기화할 때 라우팅 파일을 생성하는 것입니다.
• 다른 하나는 프로젝트를 초기화할 때 프로젝트에서 사용할 스타일 파일의 형식을 .css 또는 .scss로 설정하는 것입니다.

이 기사는 https://juejin.cn/post/6934947164162359304

에서 복제되었습니다. 프로그래밍 관련 지식을 더 보려면 프로그래밍 입문을 방문하세요! !

위 내용은 Angular 프로젝트에서 .css 파일을 .scss 파일로 수정하는 방법에 대해 이야기해 보겠습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!