Moovweb에서 자바 스크립트를 하나의 파일에 묶어야합니까?

Question

저는 Moovweb SDK에서 일하고 있습니다. 지금까지 내가 사용했던 모든 자바 스크립트는 javascript의 "main"폴더에 저장되어 main.js 파일에 번들되었습니다. 자바 스크립트 파일을 분리하여 모든 스크립트를 함께 묶는 대신 페이지 당 필요한 것을 포함시킬 수 있습니까?

Answer 1

Moovweb SDK를 사용하여 개별 Javascript 파일을 추가하려면 해당 TS 파일에서 insert() 함수를 사용하십시오.

당신은 사용하여 프로젝트의 assets/ 폴더에서 개별 자바 스크립트 파일을 추가 할 수 있습니다

: 당신이 원하는 경우

insert("script", type: "text/javascript", src: "//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js") 

:

이

insert("script", type: "text/javascript", src: asset("javascript/MY_JS_FILE.js")) 

당신은 원격 호스트 자바 스크립트 같은 기술 승뿐만 아니라 파일을 추가 할 수 있습니다 이 자바 스크립트 파일을 전체 사이트에 추가하면 코드 줄이 html.ts 파일에 추가됩니다. 홈 페이지에서만이 Javascript 파일을 원할 경우 pages/home.ts 파일에 코드 행을 입력하십시오. 그리고 계속해서 ... 당신은 아이디어를 얻습니다! docs에서 기본적으로

---

은의 Moovweb SDK는 assets/javascript/main에 모든 JS 파일을 배치를 번들하고 main.js로 제공합니다.

위의 기술을 사용하면 번들을 번으로 사용하지 않고 JS 파일을 개별적으로 제공 할 수 있습니다.

Answer 2

JavaScript의 범위를 특정 페이지에만 적용 할 수도 있습니다.

변형 된 모든 페이지의 본문에 클래스를 추가하는 규칙을 따르는 경우이를 사용하여 JavaScript가 실행되는 페이지를 쉽게 식별 할 수 있습니다. 예를 들어

:

x$(document).on("DOMContentLoaded", function() { 
    x$("body._home").each(function() { 
    // my javascript 
    }); 
}); 

는 클래스 "_home"가 몸을 가진 페이지에 JS를 실행합니다.

이렇게하면 JavaScript가 다른 스크립트와 함께 번들로 제공됩니다.