如何包含從 Nuget 安裝的 JavaScript 軟件包？

Question

可能是個愚蠢的問題。 我使用 package 管理器安裝了 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目錄中的文件。 您的項目看起來像將使用PackageReferences的.NET Core項目。 如果您需要獲取javascript文件，Chart.js NuGet包本身將位於%UserProfile%\\.nuget\\packages目錄中。

Tseng的回答是建議切換到使用Bower或Node Package Manager來添加JavaScript文件，這似乎是最好的解決方案，而不是使用NuGet，后者沒有很好的支持將源文件添加到項目中以獲得更新的項目文件格式。

Answer 2

不鼓勵使用NuGet用於css / javascript庫。 對於ASP.NET Core，您應該分別使用java腳本/節點包管理器， bower和 npm 。

你可以使用任何一個。 Bower更專注於瀏覽器庫和css，而NPM則更多地用於服務器端（使用node.js）。 但是node.js還包含了bower所擁有的大多數（如果不是全部）包，所以這是優先考慮的問題。＃為此，你需要選擇你的MVC項目並將新文件添加到項目根目錄。 在模板管理器（ Add->New File... ）中，搜索“Bower Configuration File”或“npm Configuration file”。

然后編輯文件並添加您的依賴項，即

package.json（npm）

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

保存后，文件將被下載到名為“node_modules”的目錄中。僅此一項是不夠的，因為需要將所需文件復制到wwwroot文件夾，在應用程序運行時可以訪問它們。

為此，您需要使用bundler將文件捆綁在一起（應該在默認的ASP.NET Core項目模板中），或者使用Gulp或Grunt等任務運行程序來運行構建/發布任務，這樣就可以為您完成。 請參閱Gulp示例中的ASP.NET核心文檔 。

更新

鮑爾現已棄用超過一年。

Answer 3

在 Visual Studio 2019 及更高版本中，您有一個名為 LibMan（庫管理器）的工具https://docs.microsoft.com/en-us/aspnet/core/client-side/libman/libman-vs?view=aspnetcore-6.0

只需按照上面的鏈接操作即可，使用起來非常簡單。