저는 주로 클라이언트 쪽에서 JavaScript로 구동되는 대형 웹 응용 프로그램을 만들고 있습니다. 나는 여전히 프로토 타이핑 단계에 있으며 소스 파일이 매우 길어지고 여러 파일로 분할하려고합니다.JavaScript에 다른 소스 파일을 포함 할 수 있습니까?
예를 들어 PHP에서 나는 단지 include('source.php') 또는 require_once('source.php')을 호출 할 것입니다.
JavaScript로 여러 소스 파일을 연결하는 비슷한 방법이 있습니까? 자바 스크립트를 많이 사용하는 많은 대형 웹 응용 프로그램이 있습니다. 일반적인 솔루션은 무엇입니까?
RequireJS은이 요구 사항에 대한 일반적인 해결책입니다.
includer.js
var files = ['someScript', 'anotherScript', 'moreScript']
for (var i = 0; i < files.length; i ++) {
var scriptEl = document.createElement('script')
scriptEl.src = files[i] + '.js'
document.head.appendChild(scriptEl)
}
HTML
<script src="includer.js"></script>
제안 된 수정 (http://stackoverflow.com/review/suggested-edits/2598278)은이 링크를 참조합니다. http://stackoverflow.com/questions/11674824/how-to-use-requirejs-build-profile-r -js-in-a-multi-page-project –
그리고 가장 대중적인 라이브러리는 이제 AMD "호환"이거나 적어도 requirejs의 심 기능과 호환됩니다. – Stephen
당신은 아무것도하지 않고 있지만, 다른이 같은 JS 파일을 포함하는 "includer.js"을 가질 수 귀하의 종속성을 감지하고 자바 스크립트를 번들로하여 웹 애플 리케이션을위한 큰 자바 스크립트 코드베이스를 관리하도록 특별히 설계된 자바의 도구로, 어떤 파일에 대해 걱정하지 않고 파일을 추가하고 변경할 수 있습니다. 오 너무 비 자바 응용 프로그램 프로젝트를 위해 작동
http://damonsmith.github.io/js-class-loader/
포함하고 어떤 순서 (한 당신은 이름 지정 방식과 폴더 구조를 준수하는).
내가 쓴 :
jquery append 메서드로 여러 파일을 추가 할 수 있습니다 – Hushme
이것은 너무 일반적입니다. 일부 응용 프로그램/웹 사이트는 관련 스크립트 파일을 서버 측에 하나씩 결합하고 다른 사용자는 서버 측 프레임 워크를 사용하여 각 페이지에 별도의 스크립트 파일을 포함시키고 다른 사용자는 필요에 따라 스크립트 태그를 삽입하기 위해 다시 자바 스크립트를 사용합니다. . – adeneo