2016-07-15 3 views
10

저는 Springboot와 함께 Angular2를 사용하려고하지만 함께 설정할 수는 없습니다.SpringBoot 및 Angular2로 구조를 설정하는 방법은 무엇입니까?

나는 springboot 프로젝트를 처음 시작한 후 johnpapa가 만든 Angular 2 Tour of Heroes를 따라 가면서 npm install을 실행했습니다.

Structure

내가 /app 폴더를 가지고 있고, .jsresources/static/app/js로 컴파일됩니다

구조는 다음과 같습니다.

문제 :

1) 폴더 resources/static/node_modules/ 파일을 많이 가지고있다. 따라서 bootRun을 실행하면 속도가 느려지고 때때로 파일을 새로 고칠 수도 없습니다. 나는 node_modules을 거기에 두지 말아야한다고 믿지만 .. 확실하지 않다.

2) npm install은 에 파일을 넣고 현재는 static 폴더에 복사했다. 방금 node_modulesstatic에 만들어야합니까?

3) 내 구조가 hacky입니다. 어떻게해야할까요?

이 구조를 설정하는 방법은 무엇입니까? 또한, grunt/gulp 또는 다른 도구를 사용하여이 작업을 쉽게 시작해야하는지 알려주십시오. 사람이 johnpapa의 가이드에 관심이 경우

시 : : johnpapa's angular2 guide

+1

나의 이해는 전체 각도이 응용 프로그램은 SRC에서 이동해야했다/주/자원/정적 [또는 이와 유사한] (https : //로 spring.io/blog/2013/12/19/serving-static-web-content-with-spring-boot). 현재의 접근 방식이 실제로 작동합니까? – ben3000

+0

나는 'node_modules'를'static'으로 복사하면 작동하지만,'bootRun'은 정말 느려지고 정적 컨텐츠가 변경되면 새로 고치지 않습니다. 불필요한 리소스를 게시하지 않도록 Angular 2 앱 전체를 두는 것을 피하고 싶었지만 제안한대로해야 할 수도 있습니다. –

+0

제목에 대한 답변에 관심이 많습니다. 이 길을 지나치지만 아직 완전히 구현하지는 못했습니다. – ben3000

답변

2

1) static 폴더에서 node_modules를 제거합니다. 빌드 프로세스에는 필요한 모든 모듈이 번들되어야합니다. node_modules은 빌드 중에 만 사용됩니다.

2) static 폴더에서 소스를 제거 정적 폴더

3)에 node_modules를 복사하지 마십시오. 그 중 하나는 생성 된 번들 + 일부 정적 PROD 파일 (예 : index.html),

+0

의미가 있습니다. 시간이 좀 걸릴 것입니다. 일부 js 빌드 과정을 배우기 .. 감사합니다! –

+0

누군가가 동일한 문제에 빠지면 여기에 추가하십시오. 모든 것을 가르치는 멋진 링크가 있습니다! :) http://blog.scottlogic.com/2015/12/24/creating-an-angular-2-build.html –

-1

과 같이 각도 2와 springboot가 통합 된 프로젝트 github에서 공유됩니다. 당신이 시도 여기 Angular 2 with spring boot

+0

안녕하세요. SO에 오신 것을 환영합니다. 답변에 입력 한 링크에 대한 컨텍스트를 제공해야합니다. 링크가없는 것처럼 독립 실행 형으로 사용할 수 있습니다. – hoss

1

확인할 수 있습니다 정말 멋진 프로젝트 빌더Jhipster)

관련 문제