IntellJ idea 는 FileWatch 를 사용 하여 less 파일 을 실시 간 으로 컴 파일 하 는 방법

머리말
전단 을 개발 할 때 less 나 sass 파일 을 자주 쓰 지만 이 파일 들 은 css 파일 로 컴 파일 해 야 유효 합 니 다.그 전에 자동화 구축 도 구 를 사용 하여 실시 간 으로 프로젝트 파일 변 화 를 감청 하고 설정 을 해 야 합 니 다.
아이디어 의 file watch 플러그 인 을 사용 합 니 다.추가 설정 없 이 간단 하고 편리 합 니 다.
조작 하 다.
의존 관계
Node.js 와 아이디어 의 nodejs 플러그 인

File Watch 플러그 인

전체 설치 less
플러그 인 위치
파일 워 치 설정
1.항목 에 less 파일 새로 만 들 기

새 less 파일
2.less 파일 의 file watch 를 설정 합 니 다.
파일 상단 에 less 파일 을 열 수 있 는 관찰 기 가 있 는 지 확인 할 수 있 습 니 다.YES 를 누 르 십시오.

Less 의 File watch 설정
출력 경로 의 맨 오른쪽 에 있 는 미리 정 의 된 매크로 삽입 을 누 르 면 미리 정 의 된 매크로 와 그 대표 적 인 내용 을 볼 수 있 습 니 다.

매크로 인터페이스 삽입
최종 효과 도

최종 설정
less 가 실시 간 으로 css 파일 로 컴 파일 된 것 을 볼 수 있 습 니 다.

실시 간 컴 파일 다이어그램
초과
File watch 는 less 파일 뿐만 아니 라 실시 간 으로 파일 변 화 를 감청 하 는 작업 도 처리 할 수 있 습 니 다.저 희 는 Idea 설정 에서 자체 적 으로 설정 할 수 있 습 니 다.

파일 워 치 위치
전단 에 나 는 sass 컴 파일 러 를 사용 하 는 것 을 권장 하지 않 는 다.왜냐하면 windows 에 sass 컴 파일 러 를 설치 하여 많은 것 에 의존 하고 c++이 며 python 이기 때문이다.Mac 이나 Liux 에서 sass 를 사용 하 는 것 은 문제 가 없 지만 windows 에서 사용 하 는 것 은 문제 가 될 수 있 습 니 다.less 와 sass 의 기능 차이 가 많 지 않 고 최종 적 으로 css 로 컴 파일 해 야 합 니 다.이렇게 좋 은 도구 가 있 으 면 less 를 직접 사용 하 는 것 이 좋 습 니 다.
총결산
위 에서 말 한 것 은 편집장 이 소개 한 IntellJ idea 가 FileWatch 를 사용 하여 less 파일 을 실시 간 으로 컴 파일 하 는 방법 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.편집장 은 바로 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!