我已经为我的项目开发了Spring Maven Rest API。对于客户端,我将Angular2与打字稿一起使用。作为Angular的新手,使用npm和lite-server推荐使用angular网站进行开发。
现在,我需要 通过将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
我发现所有类似的帖子/博客都建议使用node等更新pom.xml。但是我需要的是,
如何做到这一点?
npm run build在角度项目根文件夹中运行此命令,以创建一个dist包含生产就绪客户端文件的文件夹。但是得到了这个错误
npm run build
dist
缺少脚本构建
。
最后使用 angular-cli 。ng build --prod创建生产就绪版本。在tomcat webapps中的项目文件夹下(或在eclipse中的Webcontent下)复制index.html和.js文件。
ng build --prod
将index.html编辑为<base href = ".">,并且效果很好
<base href = ".">