我为我的项目开发了一个 Spring maven Rest api。对于客户端,我使用 Angular2 和 typescript。作为 Angular 的新手,参考 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 。但我需要的是,
- 将 Angular-TypeScript 项目编译为 js 文件。
- 生成一组功能齐全的 html、js、css 文件。
- 将它们复制到服务器 webapp 文件夹或任何它们必须在的位置。
- 在 Tomcat 中运行 Spring maven 项目必须显示我的客户端索引页面
- 当客户端是两个独立的项目时,它们必须以相同的方式工作(与 REST API 通信)
如何做到这一点?
运行这个命令,npm run build
,在 Angular 项目根文件夹中创建一个dist
文件夹,包含生产就绪的客户端文件。但出现这个错误
缺少脚本构建
.
最后使用了角度-cli. ng build --prod
创建一个生产就绪版本。将index.html和.js文件复制到tomcat webapps中的项目文件夹下(或在eclipse中的Webcontent下)。
将index.html编辑为<base href = ".">
效果很好
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)