>  기사  >  웹 프론트엔드  >  NodeJs 설치 및 적은 파일을 CSS 파일 방법 예제로 컴파일

NodeJs 설치 및 적은 파일을 CSS 파일 방법 예제로 컴파일

小云云
小云云원래의
2018-01-18 09:53:551945검색

이 글에서는 nodeJs를 사용하여 더 적은 파일을 설치하고 더 적은 파일을 CSS 파일로 컴파일하는 방법을 주로 소개합니다. 글 마지막에는 nodejs를 통해 더 적은 파일을 CSS 파일로 변환하는 방법을 보충적으로 소개할 수 있습니다. 이 기사를 통해 자세한 내용을 알아보십시오. 모두에게 도움이 되길 바랍니다.

NodeJs

nodejs를 사용하여 less를 설치하고 더 적은 파일을 CSS 파일로 컴파일하세요

먼저 nodeJs 설치 패키지를 다운로드하고 단계에 따라 nodejs를 설치하세요.

링크: http://pan.baidu.com /s /1dEsqYB3 비밀번호: bkkh 이 링크에는 nodejs 설치 패키지가 포함되어 있습니다. 직접 다운로드하여 설치할 수 있습니다.

그런 다음 cmd로 콘솔을 열고 노드가 성공적으로 설치되었는지 확인하세요. node -v를 입력합니다. 출력이 설치 패키지의 버전 번호이면 설치가 성공한 것입니다.

다음으로 node.js 설치 디렉터리에 들어가서 npm install less –g 명령을 통해 less를 전역적으로 설치할 수 있습니다.

lessc 명령을 사용하여 *.less 파일을 컴파일합니다.

형식: lessc [적은 파일 디렉터리 대상 지정] [CSS 파일 디렉터리 생성]

lessc example/example.less example/example.csslessc example/example.less example/example.css

我是直接把文件夹放到了nodejs安装目录下面了,安装好了以后,编译器会自行生成一个example.css的文件夹

如果要编译d盘下的文件,比如d:/wamp/wamp/www/css3/style.less

nodejs 설치 디렉터리 바로 아래에 폴더를 넣어 설치한 뒤 설치했습니다. , 컴파일러는 자체적으로 example.css 폴더를 생성합니다

d:/wamp/wamp/www/css3/style.less 파일 등 d 드라이브 아래의 파일을 컴파일하고 싶다면 이렇게 직접 컴파일하면 됩니다

그리고 컴파일이 성공했습니다!

ps: nodejs를 통해 더 적은 파일을 CSS 파일로 변환하는 방법을 공유하겠습니다

이미 nodejs를 설치했습니다

1, less를 설치하세요.

dos 인터페이스 아래에 node.js 설치 디렉터리를 입력하고 명령을 실행하세요. npm install less –g less 설치(설치 과정에 시간이 걸릴 수 있음)

2. 먼저 콘솔에서 컴파일하세요: lessc 파일 경로 파일 이름.less(생략 가능)

3. , 입력: 파일 경로 파일 이름.less > 파일 경로 파일 이름.css

관련 권장 사항:

Less는 무엇인가요? Koala 구성 및 사용

Node.js와 LESS의 완벽한 조합

🎜🎜🎜Less 구성 환경 설치 소개🎜🎜

위 내용은 NodeJs 설치 및 적은 파일을 CSS 파일 방법 예제로 컴파일의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.