혼합 기본 URL에서 require.js 모듈을 동적으로로드하십시오.

Question

우리는 require.js를 사용하는 앱을 보유하고 있으며 동시에 확장을 허용하고 이러한 확장자 'j는 다른 경로에서 제공됩니다. 그래서 우리의 설정에서 우리는이 :

var require = { 
    baseUrl : '/app/js/modules/' 
} 

그러나 확장 /extension/foo-extension/js/modules/에서 제공됩니다. 또한 확장 기능은 해당 모듈을로드하기 위해 픽업 한 을 사용하는 페이지에 일부 html을 삽입하는 지점까지 동적입니다.

이상적으로 우리는/통과 base을 /extension/foo-extension/js/modules/ 이내에 다음 모듈 부하 범위 require.js에 대한 컨텍스트를 설정할 수있을 것. 내가 말할 수있는 한 require('/extension/foo-extension/js/modules/foo/bar')을 수행하여 foo-extension에서 foo/bar을로드해야합니다.

define(['some-dep'], function(SomeDep) { 
    $.get('somepage', function(html) { 
     var extension = html.data('extension'); // "foo/bar" 
     var extensionBase = html.data('extensionBase'); // extension/foo-extension/js/modules/ 

     // This is where we need to readjust require to use the base path for any foo module 
    }); 
}); 

절대 경로 길을가는이 부분에 다른 해결책이 있습니까 : 여기

우리가 경로/컨텍스트를 설정 처리하기 위해 필요로하는 곳에 상상하는 일부 의사 코드?

Answer 1

"paths" configuration option을 사용하려는 것 같습니다. 예 :

var require = { 
    baseUrl : '/app/js/modules', 
    paths : { 
    'extension' : '/extension/foo-extension/js/modules' 
    } 
}; 

그런 다음 당신은 단순히() /app/js/modules/extension/foo-extension/js/modules/foo/bar.js

Answer 2

requirejs.config를로드 할 수 require('extension/foo/bar') 부를 수는 언제든지 나중에 호출 할 수 있고, 로더는 함께 CONFIGS을 병합합니다. 따라서 'extension'에 대한 경로 설정을 위해 무엇을 사용하는지 알고 나서야 다른 requirejs.config() 호출을 통해 설정 한 다음 그 경로로 확장을로드해야합니다.