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

时间:2017-08-25 11:29:45

标签: angular debugging typescript webpack angular-cli

我在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时使用了什么命令?

3 个答案:

答案 0 :(得分:0)

ng build --dev可能有助于在没有缩小

的情况下构建脚本

答案 1 :(得分:0)

如果您创建新的angular cli项目然后执行onchange,您的webpack配置文件将出现在您的解决方案中,您的ng eject文件脚本命令将更改如下:

package.json => ng servewepack-dev-server => ng build

所以wepack调用的实际命令是angular cli,它会将您的应用程序捆绑在dist文件夹中。

答案 2 :(得分:-1)

希望你和你的项目不远。

The new_type macro

这是一个带有webpack的启动Angular应用程序。 如果点击 npm,运行构建将使您需要的所有文件都成为dist。然后将这些文件复制到IIS网站文件夹的位置。

如果你在当前项目中添加webpack,那么好运webpack非常严格,并且可能需要很长时间才能使它运行。

另请注意,IIS将与angular" /"的基本href冲突。谷歌有一个指南来解决它。