본문 바로가기

『IT/개발』/HTML

RequireJS 기본 설정 config 옵션에 대해서.

RequireJS Config 옵션 설명


Config 옵션에서 중에서도 baseUrl, paths, shim에 대해서 한번 알아보겠습니다.


requirejs.config({

baseUrl: '',

paths: {

},

shim: {

}

});


baseUrl: 'string'

- JavaScript 파일이 있는 기본 경로로 사용된다.

- data-main 속성을 사용하였다면, 그 경로가 baseUrl 이 된다.

paths: {

    "ex1": "example/ex1", 

    "ex2": "example/ex2"

}

- baseUrl 아래에 직접적으로 찾을 수 없는 모듈명들을 위해 경로를 매핑 시켜주는 옵션이다.

- "/", "http" 등으로 시작하지 않으면, 기본적으로 baseUrl에 상대적으로 설정된다.

- 설정 이후 define에서 "ex1/module" 를 호출 하게 되면, 실제로는 example/ex1/module.js 를 가리키게 된다.

- 참고로 경로가 아닌 모듈을 가리킬때에는 .js 확장자는 생략한다.


shim: {

    "angular": {

        deps: ["jquery"],

        exports: "angular"

    }

}

- AMD(Asynchronous Module Definition) 형식을 지원하지 않는 라이브러리를 정의 할 경우에 사용.

- deps: angular 가 로드되기 전에 jquery 를 로드 하라는 것. 

- exports: 로드된 angular 라이브러리는 angular 라는 이름의 객체로 사용한다는 것.