2017-04-04 3 views
4

저는 AngularCli를 사용하여 Angular2에있는 응용 프로그램을 개발 중이고 다른 프로젝트에 "Layout"(MasterPage와 같은)으로 사용하고 싶습니다. 큰 "스파 시스템"처럼.안에 다른 AngularCli가 포함 된 AngularCli 응용 프로그램을 만드는 방법은 무엇입니까?

  • 프레임 워크
    • 페이지 A
  • Xpto
    • 페이지 B
  • : 우리는 다음을해야합니다 메뉴에서 예를 들어

    ,

프레임 워크는 http://localhost:90이고 XPTO는 http://localhost:91입니다. 둘 다 AngularCli에서 실행 중입니다.

페이지 A 또는 페이지 B를 클릭 할 때 브라우저가 다시로드되지 않고 사용자에게 "app"스타일을 제공하고 사이트를 통해 SPA로 페이지를로드하는 구조를 만들고 싶습니다.

주된 이유는 "프레임 워크"프로젝트의 Javascripts, CSS 및 기타 많은 파일을 다른 20 개의 프로젝트로 재사용하는 데 있습니다. 나는 그 프로젝트 전체에 걸쳐 모든 구성 요소, 파일 등을 복제하고 싶지 않습니다.

오늘 MVC3과 RazorGenerator를 사용하여 프레임 워크의 .cshtml을 다른 모듈에 재사용하는 DLL로 .cshtml을 만듭니다.

하지만 AngularCli가 필요합니다. 그것을 할 방법이 있습니까? 그렇지 않은 경우 구성 요소와 다른 파일을 다시 사용할 수있는 템플릿을 AngularCli에 만드는 방법이 있습니까?

감사합니다.

답변

4

공유 된 Angular 구성 요소와 모듈을 별도의 npm 패키지에 넣고이 패키지를 다른 프로젝트에 대한 종속성으로 사용할 수 있습니다. npm 패키지 (npmjs.com에서 호스팅되지 않는다고 가정)를 참조하려면 git 저장소 또는 로컬 경로를 지정할 수 있습니다. 여기 여기 https://docs.npmjs.com/files/package.json

+0

안녕 임의 dependencies 섹션에서 봐 package.json

{ "name": "foo", "version": "0.0.0", "dependencies": { "my_git_package": "git+ssh://[email protected]/project.git#commit-ish", "my_local_package": "file:../foo/bar" } } 

의 예입니다, 당신의 대답을 주셔서 감사합니다. 나는 그것을하는 방법을 찾고있다. 그러나 npm을 출판 할 때 패키지는 인터넷으로 간다. 어떻게하는지 몇 가지 예가 있습니까? 다시 한번 감사드립니다. – galioni

+0

안녕하세요, 내 답변에 예제를 추가했습니다 – Random

+0

그것은 작동합니다! 고맙습니다! 당신은 생명의 은인입니다! =) – galioni