requirejs - SPA가 아닌 사이트에서의 사용

Question

엄청나지 않더라도 requirejs의 혜택을 누릴 수있을만큼 충분한 JavaScript가있는 사이트에서 작업하고 있습니다. 우리가 페이지를 깰 수있는 모듈 방식 (그리고 기능성)도 이것을 뒷받침하는 것으로 보인다.

단일 페이지 응용 프로그램에서 requirejs를 사용하는 사례는 많이 있지만 SPA가 아닌 사이트에서는 많은 사용 사례를 볼 수 없습니다.

예를 들어 모든 페이지에서 실행하고 싶은 jQuery UI 탭을 사용하고 있습니다. 따라서 $('.tabs').tabs();과 같은 것을 실행하고 싶습니다. main.js/app.js (또는 data-main에 지정하는 항목)에 넣으시겠습니까?

두 번째 질문입니다. 페이지는 HTML/CSS 모듈을 사용하여 구축됩니다. 사이트 뒤의 CMS는 페이지에있는 HTML/CSS 모듈을 알고 있으므로 requirejs config를 동적으로 작성하여 초기화 할 JavaScript 모듈을 알 수 있습니다. 이것이 일반적인 접근 방법입니까? 모든 JavaScript 파일을 실제로 포함 할 수도 있지만 main.js의 코드를 최적화하여 페이지에서 사용중인 모듈에 대해서만 코드를 실행하도록하고 싶습니다. 아무도이 짓을 한거야?

고마워요.

제임스. 이 내용은 필요한 코드가 실행되고 있는지 확인합니다

- (다른 기능 서로 다른 요구 사항)

Answer 1

귀하의 요구 사항의 솔루션이 다른,

main.js는 요구 사항에 호출되는 기능이 있어야합니다.

동적 JS >>를 정의하여 각 새 함수 호출시 다시 작성하십시오. CMS에 의해 복잡하지만 가능합니다. 브라우저 유형 및 버전 확인을 기반으로 호출되는 동적 CSS와 같습니다.

-. 당신이 PHP 또는 APS를 사용 또는 .NET은 (일부 헤더 파일이나 마스터 파일을 사용할 수있는 경우

모든 파일

에서 JS 파일을 호출 한 번 그 "JS"파일을 호출하기위한, 다른 수동으로 정적 파일의 경우 각 파일에 JS 파일 링크를 추가 할 필요가, 또는

당신은 우리가 이미 모든 파일에 사용되는 다른 JS 파일을 사용하여 JS 파일을 호출 할 수

업데이트 :.이 JS 시도 동적으로 추가 JS file 코드 여기에 각 페이지가 필요하지 않고 각 페이지에 없습니다.

$("head").append('<script type="text/javascript" src="global.js"></script>'); 

이렇게하면 호출 된 페이지에 스크립트 파일이 동적으로 추가됩니다. 그래서, 사용 된 JS 또는 script 태그 아래의 페이지에이 줄을 추가하십시오. 및 파일의 경로가 나는이 도움을 희망

src="global.js", 질문이있는 경우, 당신은 http://requirejs.org/docs/api.html 좀보고 할 수 있습니다 :)