Как мне использовать Microsoft.jQuery.Unobtrusive.Ajax с libman (менеджер библиотеки) asp.net Core 2.1?

Question

Я пытаюсь использовать ненавязчивый ajax для обновления моих частичных представлений. К сожалению, я столкнулся с проблемой, когда собирался установить пакет, поскольку Bower не работает (?) Или больше не рекомендуется в соответствии с https://docs.microsoft.com/en-us/aspnet/core/client-side/bower?view=aspnetcore-2.1. Вместо этого они рекомендуют нам использовать Libman.

Я следовал инструкциям https://www.c -sharpcorner.com / article / ненавязчивый-ajax-и-jquery-для-частичных обновлений в asp-net-mvc / .

Итак, я установил nuget-пакет Microsoft.jQuery.Unobtrusive.Ajax, но как мне ссылаться на ajax-пакет с помощью libman?

Я посмотрел на этот Как сослаться на Microsoft.JQuery.Unobtrusive.Ajax в моем ответе на проект ASP.NET Core MVC , но он показывает только, как использовать Bower.

Answer 1

Microsoft написала справочный документ по управлению клиентской библиотекой.

https://docs.microsoft.com/en-us/aspnet/core/client-side/libman/libman-vs?view=aspnetcore-2.2

В нем есть шаги для использования диалогового окна «Добавить библиотеку на стороне клиента» в Visual Studio. В обозревателе решений щелкните правой кнопкой мыши папку проекта, в которую следует добавить файлы. Выберите «Добавить»> «Клиентская библиотека». Откроется диалоговое окно «Добавить библиотеку на стороне клиента».

Answer 2

Ответ @mybirthname отличный. Другой способ сделать это - использовать libman cli. Мы можем использовать следующую команду для установки libman:

dotnet tool install --global Microsoft.Web.LibraryManager.Cli

И теперь вы можете установить jquery, jquery-validation-unobtrusive и так далее, как вам нравится:

для инициации libman.json:

libman init 

для установки зависимости jquery-validation-unobtrusive:

> libman install jquery-validation-unobtrusive
Destination [lib\jquery-validation-unobtrusive]:
lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js written to disk
lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js written to disk
Installed library "jquery-validation-unobtrusive@3.2.10" to "lib\jquery-validation-unobtrusive" 

для установки зависимости jquery:

> libman install jquery
Destination [lib\jquery]:
lib/jquery/core.js written to disk
lib/jquery/jquery.js written to disk
lib/jquery/jquery.min.js written to disk
lib/jquery/jquery.min.map written to disk
lib/jquery/jquery.slim.js written to disk
lib/jquery/jquery.slim.min.js written to disk
lib/jquery/jquery.slim.min.map written to disk
Installed library "jquery@3.3.1" to "lib\jquery"

[Изменить]

Чтобы установить jquery-ajax-unobtrusive на npm, поскольку он еще не на cdnjs, мы можем использовать провайдера unpkg:

unpkg - это быстрая глобальная сеть доставки контента для всего на npm.

libman install -p unpkg jquery-ajax-unobtrusive

Answer 3

Сначала я тоже боролся с LibMan. Я нашел это руководство, которое указывает, что есть часть графического интерфейса пользователя LibMan . Использование пользовательского интерфейса LibMan в меню «Правый клик проекта -> Добавить -> Клиентская библиотека» помогло мне найти лучшие способы определить, какие файлы я хочу, и проще сменить провайдера.

Я закончил с тем, что большинство моих файлов пришло из cdnjs, но я установил jquery-ajax-ненавязчивый, чтобы исходить из unpkg, вот так:

{
    "provider": "unpkg",
    "library": "jquery-ajax-unobtrusive@3.2.6",
    "destination": "wwwroot/lib/jquery-ajax-unobtrusive/"
}

Answer 4

Вы можете использовать npm. Добавьте файл pakage.json в корень вашего веб-проекта

{
  "version": "1.0.0",
  "name": "your-system",
  "devDependencies": {
    "jquery-ajax-unobtrusive": "^3.2.4"
  },
  "exclude": [
  ]
}

Теперь все, что связано с библиотекой, будет автоматически загружено в node_modules/jquery-validation-unobtrusive.

Имейте в виду, что папка node_module не является частью проекта, поэтому вам нужно нажать Show All Files, чтобы увидеть все папки.

После этого, если вы хотите всегда иметь последнюю версию библиотеки вместо копирования файла в папку js, вы можете использовать комплект конфигурации. Запустите это:

Install-Package BuildBundlerMinifier -Version 2.8.391

После этого создайте файл json - bundleconfig.json в корне вашего веб-проекта

[ 
  {
    "outputFileName": "wwwroot/js/myjs.min.js",
    "inputFiles": [
      "node_modules/jquery-ajax-unobtrusive/jquery.unobtrusive-ajax.min.js"
    ]
  }

]

Это создаст каждый файл сборки myjs.min.js в папке js в wwwroot