NPM упростил жизнь разработчикам JavaScript, предоставив очень простой, легкий и удобный способ просто установить пакет и сразу использовать функцию пакета без дополнительных усилий.
Просто используйте -

npm install <package-name>

Работая с java-скриптом с последних двух лет, я использовал много пакетов npm, и это облегчило мою работу. Некоторое время в моем путешествии я обнаружил несколько пакетов в соответствии с моими требованиями, которые тоже не работали должным образом.

И этот момент заставил меня написать свою собственную логику, чтобы выполнить требование. Дело было в том, чтобы использовать таблицу данных в моем проекте angular, сначала я искал пакет NPM, и да, я получил хороший пакет, но он не работал должным образом или не поддерживал более высокую версию angular.

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

В тот момент я решил опубликовать эту логику в NPM и облегчить жизнь другим разработчикам своим небольшим вкладом в NPM.

И тогда возникает вопрос

Как опубликовать пакет NPM?

Весь этот процесс разделен на два основных этапа:

1. Создание проекта библиотеки Angular

2. Опубликовать в NPM

Начнем с первого.

Создание проекта библиотеки Angular

Angular 6 предоставил новую цепочку инструментов, которая упростила работу с библиотекой Angular. Один из новых инструментов, интегрированных в интерфейс командной строки Angular, - это Поддержка библиотек.

Теперь создать библиотеку так же просто, как создать новый проект в Angular. Давайте выполним шаги по созданию нашего первого библиотечного проекта.

Шаг: 1 Создайте новый проект Angular

Просто запустите команду ng new, чтобы создать новый проект Angular.

ng new project-name

После создания проекта нам нужно создать проект библиотеки в проекте Angular.

Шаг 2 Добавьте угловую библиотеку

Чтобы создать угловую библиотеку, запустите эту команду

ng g library library-name

Это создаст новую папку в вашем проекте под названием «проекты».

Внутри вы увидите другую папку, в которой будет указана ваша созданная вами библиотека.

Создайте свою собственную файловую структуру внутри папки lib файла src.

Шаг: 3 Работа с библиотекой Angular

Теперь у этой папки библиотеки есть собственная папка src, которая содержит ваши компоненты, служебный файл.

Вы можете создать свои собственные компоненты, сервис и канал, просто закодируйте свою логику в папке src библиотеки.

Шаг: 4 Создайте библиотеку Angular

Когда вы закончите свою логическую часть и теперь готовы приступить к созданию кода.

Перед сборкой кода не забудьте добавить файл README и обновление файла package.json.

Вы можете проверить мой файл на предмет наличия моего пакета NPM -

Package.json

README.md

Информация, представленная в файле README.md, будет отображаться в вашем пакете npm как это и на главной странице вашего кода github.

ng build <library-name>

После успешной сборки. Будет создана папка dist, содержащая код сборки вашего пакета.

Опубликовать в NPM

Для публикации вашего пакета у вас должна быть учетная запись NPM. Если вы еще не создали, получите новый на сайте NPM.

После того, как вы закончите процесс регистрации, войдите в свою учетную запись из кода Visual Studio.

npm adduser

вы можете проверить успешность входа в систему с помощью команды

npm whoami

Теперь перейдем в папку dist

cd dist

затем в папку сборки проекта библиотеки

cd library-project-name

Как только вы окажетесь в правильном расположении файла и будете готовы к публикации нового пакета.

Просто запустите команду

npm publish

Итак, вы опубликовали свой первый пакет NPM.

Посмотрите мой github код здесь и пакет NPM для таблицы данных.

Спасибо Angular Team и NPM за то, что сделали эти вещи такими простыми и легкими :)

Спасибо!