如何包含我从Nuget安装的JavaScript包？

Question

可能是一个愚蠢的问题。我使用包管理器安装Chart.js。它在解决方案资源管理器。

但是哪里有实际的JS文件或如何获取它们呢？当我安装它时，Git检测不到任何更改，所以我不确定是否发生了任何事情。

Answer 1

Chart.js 2.5.0在其NuGet包内包含一个Content \ Scripts目录，其中包含一个Chart.js和Chart.min.js。根据您使用的项目类型，这些文件可能会或可能不会直接添加到您的项目中。

如果您使用的是带有packages.config文件的.NET Framework项目，那么JavaScript文件将被添加到您的项目的Scripts文件夹中。

如果您使用的是project.json文件，或者您的项目使用PackageReferences，那么将不会添加任何内容，因为此类项目仅支持位于NuGet包内的contentFiles目录中的文件。你的项目看起来像一个.NET Core项目，它将使用PackageReferences。如果您需要获取JavaScript文件，Chart.js NuGet包本身将位于%UserProfile%\.nuget\packages目录中。

Tseng的建议转换为使用Bower或Node Package Manager添加JavaScript文件的答案在这里看起来是最好的解决方案，而不是使用NuGet，它没有很好的支持将源文件添加到项目中用于更新的项目文件格式。

Answer 2

不鼓励使用NuGet for css/javascript库。对于ASP.NET Core，应该分别使用java脚本/节点程序包管理器bower和npm。

您可以使用任一个。 Bower更侧重于浏览器库和css，而NPM则更多地用于服务器端的东西（使用node.js）。但是node.js也包含大部分（如果不是全部的话）包，所以它是首选的问题。

为此，您需要选择您的MVC项目并将新文件添加到项目根目录。在模板管理器（Add->New File...）中，搜索“Bower配置文件”或“npm配置文件”。

然后编辑该文件并添加你的依赖，即

的package.json（NPM）

{ 
    "dependencies:" { 
     "chart.js": "2.5.0" 
    } 
} 

一旦保存，该文件将在名为“node_modules`。仅此目录下载因为所需的文件需要复制到wwwroot文件夹，在应用程序运行时可以访问它们。

为此，您需要使用捆绑器将文件捆绑在一起（应该默认为ASP.NET Core项目模板e）或者使用Gulp或Grunt等任务运行者在构建/发布上运行任务，这会为您做到这一点。请参阅ASP.NET Core Docs on Gulp examples。