web-dev-qa-db-ja.com

Angular2プロジェクトをTomcatサーバーに統合する

私は自分のプロジェクト用にSpring Maven REST APIを開発しました。クライアント側では、Angular2とTypeScriptを使用しています。 Angularの新機能として、npmとlite-serverを使用して、開発用のangular Webサイトを参照しました。

これで、これら2つの個別のプロジェクトを1つのプロジェクトにする必要があります、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を更新することをお勧めしますが、必要なのは

  • Angular-TypeScriptプロジェクトをjsファイルにコンパイルします。
  • 完全に機能するhtml、js、cssファイルのセットを作成します。
  • それらをサーバーwebappフォルダーまたは必要な場所にコピーします。
  • TomcatでSpring mavenプロジェクトを実行すると、クライアント側のインデックスページが表示される必要があります
  • クライアントは、2つの別々のプロジェクトであった場合と同じように動作する必要があります（残りのAPIと通信）

これをどのように行うことができますか？

このコマンドを実行します、npm run build、angularプロジェクトのルートフォルダーは、プロダクション対応のクライアント側ファイルを含むdistフォルダーを作成します。しかし、このエラーが発生しました。

スクリプトのビルドがありません

。

tomcatangularbuild
14
Ramanujan R

最後に使用されたangular-cli。 ng build --prodは、プロダクション対応ビルドを作成します。 Tomcat webappsのプロジェクトフォルダー（またはEclipseのWebcontentの下）にあるindex.htmlおよび.jsファイルをコピーしました。

Index.htmlを<base href = ".">として編集し、正常に機能しました

20
Ramanujan R