Javascript 使用原始文件部署Angular应用程序

Javascript 使用原始文件部署Angular应用程序,javascript,angular,deployment,npm,angular-cli,Javascript,Angular,Deployment,Npm,Angular Cli,我有一个Angular应用程序,它是用Angular CLI构建的。我想将此项目部署到Spring微服务。部署使用cli命令ngbuild--prod生成的构建时,应用程序工作正常 但是:我想将原始文件(包括我的typescript文件)部署到Microservice,这样我就可以看到我的控制台日志来自何处(在哪个文件中的哪一行,与使用“ng-serve”在本地运行应用程序时相同) 几个月前,我开始了一个角度的项目。我用NPM运行了这个项目(命令:NPM安装和NPM启动)。该项目将typescr

我有一个Angular应用程序,它是用Angular CLI构建的。我想将此项目部署到Spring微服务。部署使用cli命令
ngbuild--prod生成的构建时,应用程序工作正常

但是:我想将原始文件(包括我的typescript文件)部署到Microservice,这样我就可以看到我的控制台日志来自何处(在哪个文件中的哪一行,与使用“ng-serve”在本地运行应用程序时相同)

几个月前,我开始了一个角度的项目。我用NPM运行了这个项目(命令:NPM安装NPM启动)。该项目将typescript文件传输到javascript,因此,该项目是可部署的,工作正常

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


如何按所述部署应用程序?

当您使用Angular CLI创建的生产标志和缩小的Javascript文件的sourcemaps(您可以从扩展名.map.js中识别它们)构建Angular项目时

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

因此,您不需要原始的Typescript文件


我不确定,当您记录一些东西时,您是否可以在控制台上看到原始代码所在的精确文件和行,这些文件和行来自缩小的Javascript文件。

当您使用Angular CLI创建的生产标志和sourcemaps(您可以从扩展名.map.js中识别它们)构建Angular项目时缩小的Javascript文件

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

因此,您不需要原始的Typescript文件


我不确定,当您记录一些东西时,您是否可以在控制台上看到原始代码所在的精确文件和行,这些文件和行来自缩小的Javascript文件。

在本演示文稿中,我使用CLI生成了一个Angular项目,使用Spring Boot生成了一个REST服务器,并演示了如何在Spring服务器下部署此Angular应用程序

要使用prod捆绑包调试Typescript代码,请使用添加--sourcemaps选项:

ng build -prod --sourcemaps true

在本演示中,我使用CLI生成了一个Angular项目,使用Spring Boot生成了一个REST服务器,并演示了如何在Spring服务器下部署此Angular应用程序

要使用prod捆绑包调试Typescript代码,请使用添加--sourcemaps选项:

ng build -prod --sourcemaps true

假设您正在寻找
ng build--prod
,那么您只需要在服务器上上传
dist
文件夹。顺便说一下,由于
.map
文件的原因,您仍然知道错误来自何处。您可能正在查找
ng build--prod
,然后只需在服务器上上载
dist
文件夹。顺便说一句,由于
.map
文件,您仍然知道错误的来源。很高兴您喜欢它:)很高兴您喜欢它:)