webpack을 사용하면 require 문 없이 디렉터리의 모든 파일을 로드할 수 있습니다.

Question

내 응용프로그램의 하위 디렉터리 4개에 많은 수의 자바스크립트 파일이 분산되어 있습니다. 나는 그것들을 모두 모아서 파일로 컴파일합니다. 이 파일에는 module.exports 기능이 없습니다.

웹팩을 사용하여 4개 부분으로 나누고 싶습니다. 모든 파일을 수동으로 참조하고 싶지 않습니다.

컴파일 시 디렉터리 트리를 탐색하여 모든 .js 파일 이름과 경로를 가져온 다음 하위 디렉터리의 모든 파일을 참조하고 이를 출력에 추가하는 플러그인을 만들고 싶습니다.

각 디렉토리의 모든 파일을 모듈로 컴파일하여 내 항목 파일에서 참조하거나 http://webpack.github.io/docs/plugins.html 리소스에 언급된 대로 포함할 수 있기를 원합니다.

새 파일이 추가되면 해당 파일을 올바른 디렉토리에 넣고 파일이 포함될지 알고 싶습니다.

웹팩이나 다른 사람이 작성한 플러그인을 사용하여 이를 달성할 수 있는 방법이 있나요?

Answer 1

내 앱 파일에 require를 배치했습니다

으아악

이 게시물에 감사드립니다: https://github.com/webpack/webpack/issues/118

이제 모든 파일이 추가됩니다. 나는 잘 작동하는 것 같은 html과 css용 로더를 가지고 있습니다.

Answer 2

이 목표를 달성하기 위해 제가 한 일은 다음과 같습니다.

으아악