2016-02-17 3 views
2

Я только что сделал переход с углового 1 на 2, и теперь я собираюсь создать пружинный mvc maven webapp с угловым2 для его передней стороны.Использование angular2 в Spring webapp WITHOUT node.js

Но везде в Интернете я вижу людей, использующих node.js для необходимых библиотек & плагинов. Есть ли способ, которым я могу просто использовать зависимости maven для этого?

App Структура:

_ main 
    _ java 
    _ resources 
    _ webapp 
     _ components 
      _ app.component.ts 
     _ img 
     _ WEB-INF 
     _ index.html 
     _ main.ts 

main.ts

//getting an error on the bootstrap import 
//because the angular2 folders aren't there because there is no node 
import {bootstrap} from 'angular2/platform/browser' 

import {AppComponent} from './components/app.component.ts' 

bootstrap(AppComponent); 
+0

http://stackoverflow.com/a/17104456/755183 – hahn

+0

Если вы хотите управлять внешними зависимостями с помощью Maven, вам следует проверить проект [WebJars] (http://www.webjars.org/). Также существуют способы вызова инструментов на основе узлов (таких как NPM, Bower или [JSPM] (http://jspm.io/)) из Maven - проверьте [maven-frontend-plugin] (https://github.com)./eirslett/frontend-maven-plugin) (это то, что я бы предпочел). –

ответ

3

Я персонально использовать Angular2 с бэкэндом в Java, в целом, упакованной в файле .war.

Управление библиотеками осуществляется с помощью Maven, а передняя часть - NPM. Моя структура проекта выглядит так:

_ backend 
    _ src 
    _ main 
     _ java 
     _resources 
_ frontend 
    <angular-cli project> 
    _ package.json ... 

Обратите внимание, что NPM управлять всей моей передние зависимости, на данный момент, я ничего не связывайте, потому что мое приложение работать в отлаживать на данный момент.

У меня есть сценарий развертывания, который скопирует вложенную версию моего интерфейса в папку ресурсов/статических (или webapp) бэкэнд.

Если вам нужна помощь в управлении вашей папкой webapp для Angular2, вы можете попробовать AngularCLI. Проект находится на очень ранней стадии, но вы можете сделать с ним что-то интересное, и это поможет вам создать шаблон, он загрузит для вас все зависимости.

+0

thx, собираюсь использовать npm, тогда подумал, что будет другой способ :), но это нормально – Zoef

+0

Возможно, есть другой способ, но я не знаю его. Если ваш проект довольно прост, AngularCLI - очень хороший инструмент. На данный момент все еще есть ошибка, когда у вас сложный проект. –

+0

@AdrienBARRAL Привет Adrien, я в аналогичной ситуации (весна, Angular2 до .war), и мне было интересно, есть ли способ автоматически обнаружить изменения и перезагрузить их в браузере? У вас есть образец проекта? Спасибо – Androidicus

Смежные вопросы