如何在使用ng build而不是ng serve时运行webpack？

Posted 2021-04-01

我有一个在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冲突。谷歌有一个指南来修复它。