다른 페이지에서 require.js 모듈을 인스턴스화하는 방법은 무엇입니까?

Question

나는 php/codeigniter 기반의 대규모 웹 사이트에서 javascript를 업데이트하려고합니다. 그것은 특정 페이지에로드되는 코드에 대해 많은, 많은 PHP 부분을 가지고 있지만 단 하나의 바닥 글, 헤더가 있습니다. 대부분의 부분 클래스에는 자바 스크립트를로드하기위한 인라인 스크립트 태그가 있습니다. 이 문제는 수정해야하며 사이트가 여러 모듈에서 여러 번 사용되는 매우 모듈 식이기 때문에 require.js는 꽤 좋은 솔루션 인 것 같습니다.

그래서 자바 스크립트를 인스턴스화합니다. 일반적으로이 작업을 수행합니다.

<script type="javascript" src="../js/scriptname.js"> 
<script type="javascript"> 
    DP.scriptname.init(parameters) 
</script> 

나는 이것에서 벗어나서 js가 필요로하는 js에 대한 단일 엔트리 포인트를 갖고 싶습니다.

제 질문은 이것입니다 : require를 사용하여 특정 페이지에 대해 자바 스크립트를 인스턴스화하는 가장 좋은 방법은 무엇입니까? 부분 스크립트에 계속 스크립트를 포함시켜야하고 그런 다음 해당 특정 페이지에 대한 필수 모듈을 작성한 다음 this과 같은 데이터 주 스크립트에 모두 포함해야합니까? Backbone과 Marionette도 사용할 계획이지만 Backbone 라우터를 사용하여 해시 URL 설정과 같은 작업을 수행 할 수는 없습니다. 필요 모듈을 인스턴스화하기 위해 URL을 사용해야합니까?

좋아, 누군가 도와 드릴 수 있기를 바랍니다. 내 경험은 일반적으로 단일 페이지 웹 사이트를 구축하는 데있었습니다. 이것은 다릅니다. 감사합니다

캠

Answer 1

글쎄, 내가 제대로 질문을 이해한다면, 당신은 같은 방법으로 JS 필요 사용할 수 있습니다.

우선 모듈 이름과 구체적인 파일 간의 매핑을 설명하는 구성을 작성하십시오. 예를 들어 :

requirejs.config({   
    baseUrl: 'js/modules' // by default load any module using this path 
}); 

기존 모듈을 리팩토링과 AMD 형식으로 조정해야 그 후이 뭔가를해야합니다이 단계의 결과로

(http://requirejs.org/docs/whyamd.html 참조) (의 파일에 가정 해 봅시다 'JS/모듈/scriptname.js') :

// module has the same name as the file, which contains it - "scriptname" 
define(function() { 
    // define the module value by returning a value 
    return function() {}; 
}); 

그리고 마지막 단계로 당신이 당신의 인라인 스크립트를 리팩토링 수와 같은 방법으로이 모듈을 사용

<script type="javascript"> 
    // when we place name of the module as a first argument of the "define" 
    // function, Require JS find file that contains it and load it asynchronously 
    define(["scriptname"], function (scriptname) { 
     // "scriptname" now contains value that we recieve from the module definition 
     scriptname.init(parameters); 
    }); 
</script> 

희망이 도움이됩니다.

참고. 공식의이 섹션에 따라 내 솔루션은 JS 문서 필요 : http://requirejs.org/docs/api.html#jsfiles이

Answer 2

이 질문이 많이 올 것 같다을, 그래서 도움이 될 수 있습니다 어떤 자원을 가리키는 것이다 : RequireJS가 작동 않는 방법

• 을 여러 페이지 및 부분보기? - RequireJS와 https://stackoverflow.com/a/10816983/617615
• 모듈 HTML 구성 요소 - http://simonsmith.io/modular-html-components-with-requirejs/
모듈의 공통 공유하는 여러 페이지가
• 예 RequireJS 기반 프로젝트 - https://github.com/requirejs/example-multipage