LESS-명령 줄 사용

명령 줄을 사용하여 .less 파일을 .css로 컴파일 할 수 있습니다 .

전역 적으로 사용하기 위해 lessc 설치

다음 명령은 lessc를 전역 적으로 사용할 수 있도록 npm (node package manager)과 함께 lessc를 설치하는 데 사용됩니다.

npm install less -g

패키지 이름 뒤에 특정 버전을 추가 할 수도 있습니다. 예를 들면npm install [email protected] -g

노드 개발을위한 설치

다음 명령은 프로젝트 폴더에 최신 버전의 lessc 를 설치하는 데 사용됩니다 .

npm i less -save-dev

또한 프로젝트 package.json의 devDependencies에 추가됩니다.

lessc의 베타 릴리스

베타로 태그됩니다. lessc 구조가 게시 됨 npm여기에서 새로운 기능은 주기적으로 개발됩니다. less -v 는 현재 버전을 가져 오는 데 사용됩니다.

lessc의 게시되지 않은 개발 버전 설치

공개되지 않은 lessc 버전 설치를 진행할 때 commit-ish를 지정해야하며 git URL을 종속성으로 식별하기위한 지침을 따라야합니다. 이렇게하면 프로젝트에 올바른 버전의 leesc를 사용하고 있는지 확인할 수 있습니다.

서버 측 및 명령 줄 사용

bin/lessc저장소에 바이너리를 포함합니다. * nix의 Windows, OS X 및 nodejs에서 작동합니다.

명령 줄 사용

입력을 읽음 stdin 소스가 대시 또는 하이픈 (-)으로 설정된 경우.

lessc [option option = parameter ...]  [destination]

예를 들어 다음과 같이 컴파일 할 수 있습니다. .less ...에 .css 다음 명령을 사용하여-

lessc stylesheet.less stylesheet.css

우리는 컴파일 할 수 있습니다 .less ...에 .css 다음 명령을 사용하여 결과를 축소하십시오.

lessc -x stylesheet.less stylesheet.css

옵션

다음 표는 명령 줄 사용에 사용되는 옵션을 나열합니다.


lessc -help
lessc -h
lessc --include-path = PATH1;PATH2
lessc -M
lessc --depends
lessc --no-color
lessc --no-ie-compat
lessc --no-js
lessc --lint
lessc -l
lessc --silent
lessc -s
lessc --strict-imports
lessc --insecure
lessc -version
lessc -v
lessc -x
lessc --compress
lessc --source-map
lessc -source-map = file.map
lessc --source-map-rootpath = dev-files/
lessc --source-map-basepath = less-files/
lessc --source-map-less-inline
lessc --source-map-map-inline
lessc --source-map-url = ../my-map.json
lessc -rp=resources/
lessc --rootpath=resources/
lessc -ru
lessc --relative-urls
lessc -sm = on
lessc --strict-math = on
lessc -su = on
lessc --strict-units = on
lessc --global-var = "background = green"
lessc --modify-var = "background = green"
lessc --url-args = "arg736357"
lessc --line-numbers = comments
lessc --line-numbers = mediaquery
lessc --line-numbers = all
lessc --clean-css
lessc --plugin = clean-css = "advanced"

Sr. 아니.	옵션 및 설명	명령
1	Help 사용 가능한 옵션과 함께 도움말 메시지가 표시됩니다.	`lessc -help lessc -h`
2	Include Paths 라이브러리에 대한 사용 가능한 경로가 포함됩니다. 이러한 경로는 Less 파일에서 간단하고 상대적으로 참조 할 수 있습니다. 창의 경로는 콜론 (:) 또는 세미콜론 (;)으로 구분됩니다.	`lessc --include-path = PATH1;PATH2`
삼	Makefile 출력으로 stdout에 makefile 가져 오기 종속성 목록을 생성합니다.	`lessc -M lessc --depends`
4	No Color 색상 화 된 출력을 비활성화합니다.	`lessc --no-color`
5	No IE Compatibility IE 호환성 검사를 비활성화합니다.	`lessc --no-ie-compat`
6	Disable Javascript 적은 파일에서 javascript를 비활성화합니다.	`lessc --no-js`
7	Lint 구문을 확인하고 출력없이 오류를보고합니다.	`lessc --lint lessc -l`
8	Silent 오류 메시지 표시를 강제로 중지합니다.	`lessc --silent lessc -s`
9	Strict Imports 강제로 수입품을 평가합니다.	`lessc --strict-imports`
10	Allow Imports from Insecure HTTPS Hosts 안전하지 않은 HTTPS 호스트에서 가져옵니다.	`lessc --insecure`
11	Version 버전 번호를 표시하고 종료합니다.	`lessc -version lessc -v`
12	Compress 공백을 제거하고 출력을 압축하는 데 도움이됩니다.	`lessc -x lessc --compress`
13	Source Map Output Filename 더 적은 소스 맵을 생성합니다. sourcemap 옵션이 파일 이름없이 정의 된 경우 Less 파일 이름이있는 확장 맵을 소스로 사용합니다.	`lessc --source-map lessc -source-map = file.map`
14	Source Map Rootpath 루트 경로가 지정되고 소스 맵 내부의 Less 파일 경로와 출력 CSS에 지정된 맵 파일에 추가되어야합니다.	`lessc --source-map-rootpath = dev-files/`
15	Source Map Basepath 출력 경로에서 제거해야하는 경로가 지정됩니다. Basepath는 rootpath 옵션과 반대입니다.	`lessc --source-map-basepath = less-files/`
16	Source Map Less Inline Less 파일은 모두 소스 맵에 포함되어야합니다.	`lessc --source-map-less-inline`
17	Source Map Map Inline 출력 css에서 맵 파일이 인라인이어야 함을 지정합니다.	`lessc --source-map-map-inline`
18	Source Map URL URL은 CSS의 맵 파일에있는 지점을 재정의 할 수 있습니다.	`lessc --source-map-url = ../my-map.json`
19	Rootpath 상대 가져 오기 및 URL에서 URL 재 작성 경로를 설정합니다.	`lessc -rp=resources/ lessc --rootpath=resources/`
20	Relative URLs 가져온 파일에서는 URL이 항상 기본 파일에 상대적이되도록 URL이 다시 작성됩니다.	`lessc -ru lessc --relative-urls`
21	Strict Math CSS의 모든 수학 기능을 처리합니다. 기본적으로 꺼져 있습니다.	`lessc -sm = on lessc --strict-math = on`
22	Strict Units 혼합 단위를 허용합니다.	`lessc -su = on lessc --strict-units = on`
23	Global Variable 파일에서 참조 할 수있는 변수가 정의됩니다.	`lessc --global-var = "background = green"`
24	Modify Variable 이것은 전역 변수 옵션과 다릅니다. 적은 파일의 끝에서 선언을 이동합니다.	`lessc --modify-var = "background = green"`
25	URL Arguments 모든 URL로 이동하려면 인수를 지정할 수 있습니다.	`lessc --url-args = "arg736357"`
26	Line Numbers 인라인 소스 매핑이 생성됩니다.	`lessc --line-numbers = comments lessc --line-numbers = mediaquery lessc --line-numbers = all`
27	Plugin 플러그인을로드합니다.	`lessc --clean-css lessc --plugin = clean-css = "advanced"`