require.js를 사용하는 올바른 방법

//some.html 
<script data-main="./Scripts/Main.js" src="./Scripts/lib/require.js" ></script> 
<script src="./Scripts/Multiply.js"> 

//Multiply.js 
define('Main'.['jquery'], function($){ 
    $(document).ready(, function(){ 
     var sum = 1*1; 
     $('#some').val(sum); 
    }) 
}

require.js를 올바르게 사용 했습니까? 각각의 새로운 외부 스크립트 (예 : Multiply.js)를 추가하여 some.html에 새 위치를 선언하거나 실제로 require.js의 목적을 무효화 할 것입니까? 모든 지침은 훌륭합니다.require.js를 사용하는 올바른 방법

출처

2013-05-21 Se0ng11

로드하는 각 파일에 스크립트 태그를 추가 할 필요가 없습니다. 이것이 요구되는 일입니다. 적절한 방법 :

//some.html 
<script data-main="./Scripts/Main.js" src="./Scripts/lib/require.js" ></script> 

// Main js should load multiply for you: 
define(['./Multiply'], function(multiply){ 
} 

//Multiply.js 
define(['jquery'], function($){ 
    $(document).ready(function(){ 
     var sum = 1*1; 
     $('#some').val(sum); 
    }) 
}

출처

2013-05-21 02:16:40 basarat

그래서 some.hmtl에서 빈 함수를 정의 할 것인가? 각각의 새로운 js에 대한 정의? – Se0ng11

requireJS와 함께 사용하는 모든 파일에 정의가 있어야합니다. 사용하지 않으려는 경우 shim을 사용해야합니다. http://requirejs.org/docs/api.html#config-shim – basarat

Main.js에서 shim을 사용했는데 모든 일반적인 스크립트로 구성되어 있습니다. 이미 다른 jquery, jquery UI, 백본 등으로 미리 정의 해 놓았습니다. 조금 꼼짝 못하게되었습니다. require.js를 사용하여 올바른 방법으로 사용 했습니까? 당신의 가이드 라인은 나에게 도움이된다. – Se0ng11

define은 RequireJS의 모듈을 정의합니다. Mutliply.js을 실제 프로그램 진입 점이라고 가정하면 define 대신 require을 사용해야합니다.

require(['jquery'], function($){ 
    $(document).ready(, function(){ 
     var sum = 1*1; 
     $('#some').val(sum); 
    }); 
});

여기는 a nice tutorial on RequireJS입니다.

출처

2013-05-21 02:16:29

그래, 나는 그것을 사용하는 적절한 방법에 조금 내가 바보, 아직 구글에서 찾을 수 있습니다 모든 단일 튜토리얼을 통해 이동하지만 않았다 Se0ng11 @ 링크 – Se0ng11

주셔서 감사합니다이 인 Google과 쉽게 찾을 수없는 아주 좋은 : http://addyosmani.com/writing-modular-js/ –

require.js를 사용하는 올바른 방법

답변

관련 문제