7

Google 폐쇄 컴파일러를 사용하여 사용되지 않는 코드를 제거하려면 어떻게해야합니까?Google 폐쇄 컴파일러를 사용하여 사용하지 않는 JavaScript 코드를 제거하려면 어떻게해야합니까?

JQuery Slider 컨트롤을 사용하고 있지만 JQuery에서 다른 것을 사용하고 있지 않습니다. 그래서 나는 Google 폐쇄 컴파일러를 고급 모드에서 사용하지 않는 코드를 제거 할 수 있다고 읽었습니다. 그러나 나는 어떻게하면을 알지 못합니다.

frontpage.html이 내 사이트에 호스팅 된 html 페이지에서 외부 JQuery, JQuery UI 및 JQuery Slider 컨트롤에 연결됩니다.

내 frontpage.html에서 JQuery Slider 컨트롤을 시작하는 HTML 내에 JavaScript가 포함되어 있습니다.

사용 방법 online Closure Compiler을 사용하여 사용하지 않는 사용되지 않는 모든 JQuery 코드를 제거하기 위해 frontpage.html, JQuery, JQuery UI 및 JQuery Slider를 평가합니까?

+0

내 경험에 비추어 볼 때 jQuery가 포함 된 코드에서 사용하는 것이 중요하지 않습니다. 폐쇄 컴파일러는 사용되지 않은 jquery의 쓰레기를 제거하지 않습니다. 네이티브 javascript에서 비슷한 것을 쓴다면 더 나아질 것입니다. –

답변

2

초보자는 처음으로 을 추천합니다.을 사용해보세요. 어떤 구성 및 산출없이 작동하기 때문에 위대한 결과. 이름을 오해하지 마십시오. 단순 최적화는 다른 압축 도구보다 더 나은 절감 효과를 제공합니다. 고급 수준은 다음 단계 일 수 있지만 조금 더 복잡합니다입니다.

컴파일러 사용 방법. 내 충고는 모든 스크립트를 하나의 javascript 파일, 업로드하여 웹 사이트에 올리므로 URL이 있으므로 온라인 작성자에게 전달하십시오. 그런 다음 AddCompile을 클릭하면 작업이 완료됩니다.

오른쪽에 컴파일 된 코드가 표시됩니다. 또한 default.js이라는 파일이 생성되고 다운로드 할 수 있습니다.

다음 단계는 다음, 여러분의 필요에 이름 바꾸기이 당신의 서버에 업로드되면, HTML에서 .js 참조를 변경하고 거의 완료됩니다. 재미있어!

4

이 결합 된 출력 스크립트에서/제거되지 않는 코드를 제외하는 방법은 두 가지가 있습니다

  • 첫 번째, ADVANCED_OPTIMIZATIONS 컴파일 수준을
  • 두 번째 (상세 설명 및 사용에 대한 Advanced Compilation and Externs 참조)를 사용하여 포함, 제거 --manage_closure_dependencies 플래그를 사용하여, 즉 --manage_closure_dependencies 컴파일 플래그 두 가지 옵션 중

를 사용하여 (manage dependencies에 컴파일러를 허용하는 것입니다 사용되지 않는 코드는 덜 세분합니다 (즉, 파일 수준에서 코드 제외), 컴파일 수준을 SIMPLE_OPTIMIZATIONS 그대로 유지할 수 있습니다. 이 도움이

// ==ClosureCompiler== 
// @compilation_level ADVANCED_OPTIMIZATIONS 
// @output_file_name default.js 
// @code_url http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js 
// @code_url http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.js 
// ==/ClosureCompiler== 

// ADD YOUR CODE HERE 

희망 : 어떤 경우에, 당신은이 (1 옵션)처럼 페이지 무언가에서 jQuery를 슬라이더를 소비하는 jQuery를하고 jQueryUI 스크립트 URL과 코드를 포함해야합니다.

0

폐쇄 컴파일러의 ADVANCED_OPTIMIZATION은 현재 jQuery를 분리 할 수 ​​없습니다. jQuery는 영리한 런타임 확장, 다양한 앨리어싱 및 전달 된 매개 변수에 따라 다른 용도로 사용되는 함수를 사용하여 최소화하여 jQuery를 컴파일러에 불투명하게 만듭니다. 즉, 적절한 Closure Compiler ADVANCED_OPTIMIZATION 지원은 jQuery 1.8에 대한 jQuery 팀 희망 목록에서 높습니다.

관련 문제