2017-08-25 51 views
0

我有一个.NET Web应用程序托管在IIS中。这个.NET Web应用程序托管一个Angular应用程序。这会导致这些应用程序(.NET和Angular)由IIS在相同的端口上提供服务。 他们需要在相同的端口上提供服务,因为他们使用相同的会话cookie。他们也是同一个CI/CD管道的一部分,还有其他原因。如何在使用ng build而不是ng serve时运行webpack?

但是,这导致我无法调试打字稿,只有JavaScript可用,通过铬,因为我没有webpack源(我有源代码映射)中可用。原因是我使用ng build而不是ng serve来构建我的应用程序。如果我使用ng serve,则Angular应用程序将在不同的端口上提供服务,并且我在Chrome的开发人员工具源中的webpack目录中提供了所有的打字稿源。不过,我无法使用Angular应用程序,因为我无法获取此端口的cookie。

问题:当使用ng build来使用webpack捆绑我的资源以便调试TypeScript时使用什么命令?

回答

0

ng build --dev可以帮助不精缩

+0

如果没有在他的packeage.json中配置它,则不会。 – Swoox

-1

希望你不是远与您的项目来构建脚本。

https://angular.io/generated/zips/webpack/webpack.zip

这是一个起动角应用程式的WebPack。 如果点击npm run build将会对你需要的所有文件进行分类。然后,将这些文件复制到IIS网站文件夹的位置。

如果您在当前项目中添加webpack祝您好运webpack非常严格并且可能需要花费很多天才能使其运行。

另请注意,IIS将与角度为“/”的基础href发生冲突。有一个谷歌的指导来解决它。

0

如果你创建新的角度CLI项目,然后做ng eject,你的WebPack配置文件将出现在您的解决方案,你package.json文件的脚本命令,将发生如下变化:

ng serve =>wepack-dev-serverng build =>wepack

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

相关问题