使用原始文件部署Angular-App

时间:2017-09-12 10:31:49

标签: javascript angular deployment npm angular-cli

我有一个使用Angular-CLI构建的Angular应用程序。我想将这个项目部署到Spring-Microservice。当我部署使用cli-command ng build --prod生成的构建时,应用程序正常工作。

但是:我想将原始文件(包括我的打字稿文件)部署到微服务中,这样我就可以看到我的控制台日志来自哪个行(哪个行在哪个文件中,就像我在本地运行应用程序时一样#&# 34; ng服务")。

几个月前,我有一个Angular项目,我从Angular Quickstart开始。我用NPM运行这个项目(命令: npm install npm start )。这个项目将typescript文件转换为javascript,因此,这个项目可以部署并且工作正常。

但我的CLI项目不这样做,所以它不可部署。

如何按照描述部署我的应用程序?

2 个答案:

答案 0 :(得分:1)

使用生产标记构建Angular项目时,Angular CLI会创建生成标记,并且源化图(您可以从扩展名.map.js中识别它们)缩小的Javascript文件。

最简单的方法是部署所有生成的文件。 当您打开浏览器的开发人员工具来调试它们时,浏览器会识别它们,并生成未分析的Javascript文件。您可以在“源”面板上找到它们。 (例如Chrome)

所以你不需要原始的Typescript文件

我不确定,如果您在登录时可以在控制台上看到原始代码的确切文件和行,请从缩小的Javascript文件开始。

答案 1 :(得分:1)

在本演示文稿中,我使用CLI生成了一个Angular项目,使用Spring Boot生成了一个REST服务器,并展示了如何在Spring服务器https://youtu.be/k8r76d8QzXs?t=870下部署此Angular应用程序。

为了能够使用prod包调试Typescript代码,请使用添加--sourcemaps选项:

ng build -prod --sourcemaps true