requirejs 전역 변수 내보내기

Question

requirejs에 bootbox (http://bootboxjs.com)를 사용하려고합니다. bootbox 플러그인이로드되면

main.html

<script> 
var require = { 
    baseUrl: 'js', 
    paths: { 
     "jquery" :['jquery-1.11.0.min'], 
     "bootbox" :['bootbox.min'], 
     "bootstrap" :['//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min'] 
    }, 
    shim: 
     'bootstrap' :{deps:['jquery']}, 
     'bootbox' :{deps:['bootstrap'],exports: 'bootbox'} 
    } 
} 
</script> 
<script src="require.min.js"></script> 
<script src="myscript1.js"></script> 

main.js

define(['bootbox'],function(bootbox){ 
    bootbox.alert("Hello world!"); // working properly 
}); 

myscript1.js

require(['main'],function(){ 
    bootbox.alert("Hello world!"); // not functioning (bootbox is not defined) 
}); 

는 일반적으로, 우리는 어디 페이지에에 bootbox을 사용할 수 있습니다 this : bootbox.alert("Hello world!"); requirejs를 사용할 때 bootbox 변수를 전달해야하며 bootbox을 사용하려면 requirejs를 사용할 때마다 정의하십시오. 나는 "수출"을 시도했지만 도움이되지는 않는다.

bootbox 변수는로드 된 후에 어떻게 전역 적으로 사용할 수 있습니까?

감사합니다.

Answer 1

Bootbox를 전역으로 사용할 수있게하려면 스크립트 태그를 사용하여 수동으로 포함시켜야합니다. RequireJS는 노출하지 않습니다.

그러나이 문제에 대해 적극 권장합니다. RequireJS와 같은 의존성 프레임 워크의 전체적인 개념은 전역 범위에서 어떤 것도 정의하지 않고 종속성을 명시 적으로 만드는 것입니다. 이렇게하면 게으른로드 스크립트를 허용 할뿐만 아니라 나중에 종속성을 바꿀 수도 있습니다. 단위 테스트 용.

편집 : As Louis correctly mentioned Bootbox는 이미 AMD를 지원합니다. RequireJS (또는 다른 AMD 로더)가 감지되면 전역 범위에 아무 것도 노출시키지 않지만 AMD 지원이 있으므로 심을 필요가 없습니다.

Answer 2

여기에 있습니다. Bootbox는 RequireJS와 같이 AMD 로더에서 실행 중인지 여부를 감지합니다. 그렇다면, 글로벌 공간으로 아무것도 내보낼 것이 아니라 대신 AMD 모듈로 정의되어 AMD 로더에 의해로드 될 것입니다.

신중하게 실행하면 script 태그가있는 Bootbox를로드하는 Tidoo의 제안이 효과적입니다. Bootbox 을 읽어 들여서 전에 RequireJS를로드해야합니다. 그렇지 않으면 RequireJS가로드되고 AMD 로더로 실행되고 있는지 확인한 다음 자체를 AMD 모듈로 정의합니다. 이로 인해 RequireJS의 익명 모듈 오류가 일치하지 않게됩니다. 또 다른 한가지는 jQuery 을 RequireJS 외부로로드하고 을 Bootbox 전에로드해야한다는 것입니다. 그럼 다른 script 태그입니다.

내가 필요한 의존성 추가 단순히 코드를 수정하여 해당 솔루션을 피하는 게 좋을 것 : 그것이 AMD가 있는지 여부를 감지 있기 때문에

require(['bootbox', 'main'],function(bootbox){ 
    bootbox.alert("Hello world!"); 
}); 

, 당신은 Bootbox 에 대한 shim 구성을 사용하지 않아야을 로더 주위를 찾은 후 define을 호출합니다. define을 호출하지 않는 코드에 대해서만 shim 구성이 필요합니다.