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 -
Информация, представленная в файле 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 за то, что сделали эти вещи такими простыми и легкими :)
Спасибо!