여러 파일에 대한 grunt에서 requirejs를 설정하는 방법

Question

현재 사이트 JS 파일을 구성하고 작성하는 새로운 솔루션을 모색 중입니다. 현재의 솔루션은 상당히 엉망이며 유지 보수가 어렵습니다. 로,

-src/js/ 
--global.js 
--and_every.js 
--single.js 
--source.js 
--file.js 
--we.js 
--have.js 
-- ...(x100) 

그리고 우리는 다음 컴파일러 등 폐쇄를 통해 코드를 실행하는 만들기 스크립트를 실행하고 사이트의 js 디렉토리에 복사, 이것은 다음 필요할 때 어떤 페이지에 포함되어 있습니다 : 어느 작은 다음과 같습니다 우리 CMS에 의해 정의됩니다. (global.js는 모든 페이지에 있습니다).

문제는 이것이 조직의 부재이며 코드가 매우 쉽게 반복 될 수 있으며 페이지에 스크립트가 항상 최적으로 포함되지 않는다는 것입니다.

저는 Grunt를 작업 주자로 사용하고 JS 파일 개발을 위해 RequireJS 접근법을 사용하여 모듈을 작성하고 페이지 특정 js 파일에이를 포함시키는 방법을 모색했습니다.

은 그래서 구조 조정에서 내 시도는 다음과 같습니다

는

-/src/js/ 
--global/ 
----modules/ 
------modules.js 
------thatwill.js 
------beused.js 
------justforglobal.js 
----global.js 
--pages/ 
----modules/ 
------colorpicker.js 
------superdropdown.js 
------etc.js 
----page1.js 
----page2.js 
----someotherpage.js 

그래서 제 질문은, 이것은 좋은 생각처럼, 또는 더 나은 제안이 있는가입니까? 그리고 이것이 괜찮다면 어떻게하면 grunt 파일에 각 파일을 지정할 필요없이 페이지/* .js에있는 모든 js 파일을 빌드하기 위해 grunt를 설정해야합니까? 이것은 평범한 질문 : 꿀꿀에서

Answer 1

모든 해당 폴더에서 파일을 JS 취할

pages/**/*.js 

같은 것을 사용할 수 있다면 정말 미안, 그런트와 RequireJS 아주 새로운 오전

PS .

귀하의 js 파일을 구조화하기 위해서만 나는 continious 구조를 사용하도록 권장 할 수 있습니다. 작은 모듈을 만들고 각각의 파일을 제공하십시오.

나중에 Angular 또는 Backbone과 같은 MV * 프레임 워크를 사용하고 싶을 것입니다.