angular - 将节点模块复制到 wwwroot AspNetCore

Question

我正在使用 Angular 2 开发 Aspnet Core Web 应用程序。由于 Angular 2 需要节点模块，我们使用 package.json 安装依赖项。

但它会在解决方案级别创建文件夹。由于每次我们倾向于手动将节点模块文件夹复制到 wwwroot 文件夹时，AspnetCore 应用程序引用只能访问 wwwroot 文件夹。

只要我们不添加新的依赖项，这种方法应该没问题。但是如果我们继续添加新的包，那么每次手动复制都会很痛苦。
有什么解决方案吗？

Answer 1

我不会将其复制node_modules到wwwroot文件夹中，因为它还包含很多您永远不需要的东西。通常你只复制需要的东西到wwwroot. 最好的方法是使用 Webpack。我在那篇文章中写了一些关于它的内容：

• http://asp.net-hacker.rocks/2016/09/19/aspnetcore-and-angular2-using-dotnetcli-and-vscode.html
• http://asp.net-hacker.rocks/2016/09/19/aspnetcore-and-angular2-using-dotnetcli-and-vscode.html

这篇文章使用的是Angular2，已经过时了，但是使用Webpack的概念还是一样的。另一种选择是使用 grunt 或 gulp 将所需的 JavaScript 文件复制到wwwroot：

• http://asp.net-hacker.rocks/2016/08/08/setup-angular2-typescript-aspnetcore-in-visualstudio.html

希望这可以帮助

这是一个非常酷的入门包，用于使用 ASP.NET Core 和 Angular 设置新项目：https ://github.com/damienbod/AngularWebpackVisualStudio