기존 각도 프로젝트에서 Webpack 소스 연결

Question

grunt 빌드 작업에 기존 각도 프로젝트가 있습니다. 웹 팩으로 이전 할 계획입니다. webpack 문서에 따르면 필자는 결과 묶음에 포함시키고 자하는 모든 스크립트 파일에 CommonJS 스타일을 사용해야합니다. 왜냐하면 위크 웹팩이 종속성 해결을 위해 사용하기 때문입니다.

그러나 Angular.js에는 이미 CommonJS 스타일의 모든 종속성을 명시 적으로 정의 할 수없는 고유 한 종속성 해결 기능이 있습니다. 그래서 큰 프로젝트의 각 파일에 require(...)을 추가하는 대신 JS 파일에 간단한 연결을 사용하고 싶습니다. 필자는 각도를 사용할 때 파일 순서에 차이가 없으므로 불필요한 작업이 될 것이라고 생각합니다.

그러나 Webpack은 CommonJS 접근법을 사용하고 프로젝트의 이익없이 기존 코드베이스에서 많은 변경 작업을 수행해야합니다. 내가 아는 한,이 같은 entry 구성 매개 변수에서 정규 표현식 또는 "별"- 구문을 사용할 수 없습니다

이

{ 
    entry: './scripts/**/*.js', 
    //... 
} 

그래서 중 하나를 수행해야 CommonJS 접근 방식을 사용하거나 모든 응용 프로그램 이름을 가진 거대한 배열을 gerenate : https://webpack.github.io/docs/configuration.html#entry. 그러나이 방법은 해결 방법처럼 보입니다.

webpack을 사용하여 소스 파일을 간단히 연결하는 방법이 있습니까?

Answer 1

웹팩이 만들어진 것이 아니기 때문에 쉬운 방법이 없습니다. Webpack은 minifier가 아니지만 실제로 모듈 bundler입니다. 모듈을 번들로 제공합니다. 코드가 모듈로 구성되지 않은 경우 webpack은 실제로 사용되지 않습니다.

모듈 시스템을 사용하지 않으면 현재의 꿀꿀 소리 설정보다 webpack을 사용하여 아무 것도 얻을 수 없습니다.