我有一个在IIS中托管的.NET Web应用程序。此.NET Web应用程序托管Angular应用程序。这导致这些应用程序(.NET和Angular)由IIS在同一端口上提供。它们需要在同一端口上提供,因为它们使用相同的会话cookie。它们也是同一CI / CD管道的一部分,还有其他原因。
然而,这导致我无法调试打字稿,只有javascript可用,通过chrome,因为我没有webpack
可用的来源(我有源图)。原因是我使用ng build
而不是ng serve
来构建我的应用程序。如果我使用ng serve
,Angular应用程序将在不同的端口上提供,并且我在开发人员工具的源代码中的webpack
目录中的Chrome中提供了所有打字稿源。然而,我不能使用Angular应用程序,因为我无法获取此端口的cookie。
问题:使用ng build
使用webpack捆绑我的源代码以调试TypeScript时使用了什么命令?
ng build --dev
可能有助于在没有缩小的情况下构建脚本
如果您创建新的angular cli项目然后执行ng eject
,您的webpack配置文件将出现在您的解决方案中,您的package.json
文件脚本命令将更改如下:
ng serve
=> wepack-dev-server
,ng build
=> wepack
所以angular cli
调用的实际命令是wepack
,它将你的应用程序捆绑在dist文件夹中。
希望你的项目不远。
https://angular.io/generated/zips/webpack/webpack.zip
这是一个带webpack的启动Angular应用程序。如果点击npm run build将使你需要的所有文件成为dist。然后将这些文件复制到IIS网站文件夹的位置。
如果你在当前项目中添加webpack,那么运气好的webpack非常严格,并且可能需要很长时间才能运行。
另请注意,IIS将与angular“/”的基本href冲突。谷歌有一个指南来修复它。