如何包含我從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。