将节点模块复制到 wwwroot AspNetCore答案

【问题标题】：Copying node modules to wwwroot AspNetCore将节点模块复制到 wwwroot AspNetCore
【发布时间】：2018-01-01 05:59:36
【问题描述】：

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

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

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

【问题讨论】：

Exclude non-minified files from publish in `project.json` with ASP.NET Core的可能重复

标签： angular asp.net-core asp.net-core-mvc node-modules wwwroot

【解决方案1】：

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

这篇文章使用的是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

【讨论】：

我关注了this，让我知道它是否有助于构建大型应用程序。我想在asp.net核心index.cshtml中设置角度index.html我怎么能做到这一点。
想要删除 angular2 中的 index.html 文件并添加这些文件 asp.net core index.cshtml 可以吗？
是的，这是可能的。您只需将 index.html 中的内容复制到 _layout.cshtml 和 index.cshtml。但从我的角度来看，这只有在您想通过 MVC 进行身份验证时才有意义。通常，单页应用程序只是一个 HTML 页面、大量 JavaScript 内容和经过身份验证的基于 REST 的后台服务。
是的，仅用于身份验证。我无法对this 进行排序，因此使用cshtml 作为angular 2 的主页会让我有所帮助（猜想）。正如你所说，我在cshtml 中引用了索引文件，但没有运气
听起来像路径/参考问题。您是否查看了浏览器开发工具以了解发生了什么？