将Angular2 +集成到ASP.Net MVC 4的最佳方法

问题描述 投票:0回答:1

我正在使用旧的Asp.Net Framework 4旧版系统。雇主希望我将Angular集成到其中,以在当前现有站点中使用组件。我知道这是有可能的,但我只将SPA作为自己的网站工作,从未将其作为补充。

我想了解有关如何将Angular集成到Asp.Net中的信息,特别是如何添加npm,如何呈现组件以及如何在本地运行它。

总是提供任何帮助。

angular asp.net-mvc single-page-application
1个回答
0
投票

TLDR:在ASP.Net项目目录中构建一个ng项目,然后添加webpack配置以将您的打字稿文件编译为JavaScript。之后,只需将webpack build / watch命令添加为Visual Studio构建事件的一部分。

详细说明:

  • 导航到您的ASP.Net项目目录
  • 使用Angular CLI ng create project_name添加ng项目
  • 在Angular项目目录中创建一个webpack.config.js文件,然后下载要使用的适当的加载器和预设。 (即打字机加载器,babel加载器等)
  • 在packages.json文件中设置npm脚本以在命令上运行webpack
  • 右键单击您的ASP.Net项目,然后选择属性-> 构建事件
  • 将您的npm脚本(添加适当的目录)输入到pre-build事件中。当您按下Visual Studio的“开始”按钮时,它将运行webpack。

我认为此配置确实很好用,但是我想对其进行微调以使其防白痴。现在,对于新开发人员而言,拧紧webpack命令或忘记添加构建事件脚本将非常容易。

© www.soinside.com 2019 - 2024. All rights reserved.