> 웹 프론트엔드 > JS 튜토리얼 > Node.js 압축 도구 yuicompressor 사용법 tutorial_javascript 기술

Node.js 압축 도구 yuicompressor 사용법 tutorial_javascript 기술

WBOY
풀어 주다: 2016-05-16 18:30:56
원래의
1160명이 탐색했습니다.
Script House에서 제공하는 JS, CSS 압축 도구 yuicompressor 2.46 패키지
소개
공식 홈페이지: http://developer.yahoo.com/yui/compressor/
JS 및 CSS 압축 도구 yuicompressor
최신 버전: 2.4.2
실행하려면 먼저 JDK를 설치해야 합니다. 공식 다운로드 주소: http://www.oracle .com/technetwork/java/javase/downloads/jdk-7u1-download-513651.html 자신의 시스템에 따라 적절한 버전을 선택하세요. 일반적으로 586 버전이면 충분합니다.
yuicompressor는 순수 Java로 작성되었으며 실행하려면 JDK1.4 이상이 필요합니다. Rhino를 기반으로 JavaScript 소스 파일을 분석하고 분할합니다. JavaScript 파일 및 Css 파일에서 중복된 공백 문자(공백, 줄바꿈, 탭)를 제거하는 것이 될 수 있습니다. JavaScript 파일의 경우 이를 난독화하고, 로컬 변수의 이름을 변경하고, 길이를 1,2 또는 2로 변경할 수도 있습니다. 3자, 짧게는 최대한 짧게 작성하세요. CSS의 경우 값이 0인 속성 값의 표현을 최적화하고 색상 값을 최적화하여 파일을 압축하는 방법도 있습니다.

사용 튜토리얼
다음은 명령줄을 사용하여 yuicompressor를 호출하는 방법을 소개합니다.
명령줄 사용법
구문: java -jar yuicompressor-x.y.z.jar [옵션] [입력 파일]
공통 매개변수:
-h, --help 도움말 정보 표시
--type < ;js|css> 입력 파일의 파일 형식을 지정합니다.
--charset 입력 파일을 읽는 데 사용되는 인코딩을 지정합니다.
--line-break 지정된 열 빵 기호
-v, --verbose는 정보 및 경고 수준 정보를 표시합니다.
-o 은 출력 파일을 지정합니다. 기본 출력은 콘솔입니다.

JavaScript 관련 매개변수:
--nomunge는 지역 변수를 난독화하지 않고 압축만 합니다.
--preserve-semi 모든 세미콜론을 보존합니다.
--disable-optimizations는 최적화를 비활성화합니다.

사용예: java -jar yuicompressor-2.4.2.jar -o d:/temp/hello_min.js hello.js
다음 글은 다른 네티즌이 쓴 글이니 참고하시기 바랍니다. .
오늘 웹사이트에 JS 코드를 많이 썼습니다. 점점 더 많은 코드를 보면 당황하지 않을 수 없었습니다. 이렇게 하면 웹사이트가 매우 느려질 것입니다. 그 전에 샤오마가 했던 말이 생각났습니다. JS 압축 도구가 있어서 A Fei 마스터에게 물었습니다. 열정적인 A Fei 마스터가 나에게 도구를 전달하고 사용 방법을 가르쳐 주었습니다.
Yahoo의 yuicompressor인데 사용 방법은 다음과 같습니다.

설치 단계:

1. X:jsMinifier에 jsMinifier.rar의 압축을 풀고 X를 추가합니다. jsMinifier를 시스템 PATH 환경변수에서 (PATH에 추가하지 않을 경우 전체 경로를 참고하여 레지스트리 파일을 수동으로 수정하시면 됩니다.

2. X:jsMinifierjsMinifier.tpl.reg의 이름을 jsMinifier로 변경합니다. .reg, cssMinifier.tpl. reg는 cssMinifier.reg입니다(1 참조).

3. regedt32를 실행하여 jsMinifier.reg 및 cssMinifier.reg를 가져옵니다.
테스트 설치:

1. X:jsMinifiertest.source.js를 마우스 오른쪽 버튼으로 클릭하고 "Compress JavaScript" 메뉴를 실행하면 시스템이 자동으로 X:jsMinifier test.js를 생성합니다. test.js를 다시 수정하면 파일이 한 번 압축된 후 시스템은 내용이 변경되지 않은 test-min.js 파일을 생성합니다.

2. CSS 압축 테스트는 1과 유사합니다.

참고: 이 도구는 CSS 파일도 압축할 수 있습니다
파일을
http://www.jb51.net에서 다운로드하면 /jiaoben/25557.html
, 직접 다운로드 압축을 푼 후 install.bat를 실행하면 압축이 필요한 css 또는 js 파일을 마우스 오른쪽 버튼으로 클릭하고
을 선택하여 생성할 수 있습니다. 🎜>
파일을 일괄적으로 압축해야 하는 경우 아래 Node.js 압축 도구 yuicompressor 사용법 tutorial_javascript 기술
Windows에서 공유하는 일괄 처리 스크립트를 참고하세요(메모장에 복사). , bat로 저장, 해당 경로 수정하여 적용) :


코드 복사
코드는 다음과 같습니다. @echo off ::YUI 압축기 시작 디렉터리 설정SET YUIFOLDER=C:
::JS 및 CSS 루트 디렉터리를 설정하면 스크립트가 자동으로 모든 JS 및 CSS를 검색하여 압축합니다. 트리 수준으로
SET JSFOLDER=D:WebJsAndCss
echo는 JavaScript, CSS ...
chdir /d %JSFOLDER%
(*.js *에서 %%a)를 검색합니다. .css) do (
@echo %%~a 압축 중 ...
@java -jar %YUIFOLDER%yuicompressor-2.4.6.jar --charset UTF-8 %%~fa -o %%~ fa
)
에코 완료
일시 중지 및 종료

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿