Angle6에서 less를 사용하는 방법

이번에는 Angular6에서 Less를 사용하는 방법과 Angular6에서 Less를 사용할 때 주의사항이 무엇인지 보여드리겠습니다. 실제 사례를 살펴보겠습니다.

새 프로젝트

ng <a href="//m.sbmmt.com/wiki/165.html" target="_blank">new<code>ng <a href="//m.sbmmt.com/wiki/165.html" target="_blank">new</a> [appname] --style less [appname] --style less

기존 프로젝트

*.css 파일과 reference에 접미사 less를 수정하고angular.json 파일

{
 "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
 "version": 1,
 "newProjectRoot": "projects",
 "projects": {
  "ngTest": {
   "root": "",
   "sourceRoot": "src",
   "projectType": "application",
   "prefix": "app",
   "schematics": {
    "@schematics/angular:component": {
     "styleext": "less"
    }
   }
 ......
}

에 다음 내용을 설정하세요. 이 사례를 읽으신 후 방법을 마스터하셨으리라 믿습니다. 기사, 더보기 PHP 중국어 웹사이트의 다른 관련 기사도 주목해주세요!

추천 도서:

js에서 비동기 기능을 사용하는 방법

js 비동기 기능을 최적화하는 방법

위 내용은 Angle6에서 less를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!