Интеграция проекта Angular2 в сервер Tomcat

Я разработал Spring maven rest api для моего проекта. Для клиентской стороны я использую Angular2 с машинописным текстом. Как новый для Angular, названный угловой веб-сайт для разработки, используя npm и lite-server.

Теперь мне нужно сделать эти два отдельных проекта в единый проект, объединив файлы html, js, css в мой проект maven, чтобы развернуть его на сервере Tomcat.

Структура проекта

Сторона клиента

Project
|__ app
      |_ all app files
|__ node_modules
|__ typings
|__ index.html
|__ package.json
|__ style.css
|__ systemjs.config.js
|__ tsconfig.json
|__ typings.json

Серверная сторона

Project
|__ src/main
        |__ java
        |__ resources
        |__ webapp
                 |__index.html
|__ pom.xml

Все похожие сообщения/блоги, которые я нашел, предлагают обновить pom.xml узлом и т.д. Но мне нужно,

  • Скомпилируйте проект с угловым шрифтом в файлы js.
  • Создайте набор полностью функциональных файлов html, js, css.
  • Скопируйте их в папку веб-сервера сервера или независимо от того, где они должны быть.
  • Запуск проекта Spring maven в Tomcat должен отображать мою индексную страницу на стороне клиента
  • Клиент должен работать (общаться с отдыхом api) таким же образом, когда они были двумя отдельными проектами

Как это можно сделать?

Запустите эту команду, npm run build, в корневой папке углового проекта, чтобы создать папку dist, содержащую готовые клиентские файлы. Но получил эту ошибку

отсутствует сборка сценария

,

Ответ 1

Наконец, использовались угловые кли. ng build --prod создает сборку готовой продукции. Скопировали файлы index.html и.js в папке проекта в tomcat webapps (или под Webcontent в eclipse).

Изменен index.html как <base href= "."> И он отлично работал