Javascript-форум (https://javascript.ru/forum/)
-   Node.JS (https://javascript.ru/forum/node-js-io-js/)
-   -   Node.js и настройка npm (https://javascript.ru/forum/node-js-io-js/73963-node-js-i-nastrojjka-npm.html)

madeas 01.06.2018 00:21

Node.js и настройка npm
 
Ребята, кто уже работал с https://www.npmjs.com/ подскажите, какие команды надо вводить, чтобы подгрузить файл из репозитория git https://github.com/madeas/box-shadow...hadows.min.css на сайт?
Уже зарегистрировался, в консоли авторизовался, создал. npm publish и npm publish <box-shadows.css>[@<1.0.2>] не работают, через ссылку тоже пытался добавить. С Nodejs начал работать буквально пару часов назад, осваиваю по ходу чтения документаций, но мне не всё дается. Нужно создать package.json и разместить его в https://www.npmjs.com/~madeas

EmperioAf 01.06.2018 01:15

Предполагается, что у проекта есть package.json
Напишите в вашем проекте с box-shadow.
npm init
Потом запушьте изменения с package.json в remote repository.
npm умеет подтягивать ресурсы с гитхаба, для этого надо прописать
npm i --save https://github.com/madeas/box-shadows.css.git
Вы увидите что в вашем package.json в зависимости добавилось, что-то типо
"box-shadows": "git+https://github.com/madeas/box-shadows.css.git",
Ну и в коде импортировать файл:
require('box-shadows/box-shadows.min.css');

В коде выше я предполагаю, что у вас есть какой-то сборщик, типа webpack

destus 01.06.2018 07:00

npm умеет с гитхаба даже так <githubname>/<githubrepo>
Код:

npm i madeas/box-shadows.css
Кстати, советую обновить npm хотя бы до 5.7, а лучше последняя 6 версия. С более ранними версиями был баг, когда установка нового пакета, удаляла пакеты в node_modules, установленные с гитхаба
https://github.com/npm/npm/issues/17379

madeas 01.06.2018 09:41

EmperioAf,
по сборщику я тоже ноль)) но хочу на выходных поработать с gulp.

Если я правильно понял вас и документацию, сначала надо создать вручную подобный package.json
в самом репозитории, забив туда свои данные. Далее - установка node.js

Команды:
npm install
npm login
npm init --yes
npm install package.json
npm install git+https://github.com/madeas/box-shadows.css/tree/1.0.2
(Далее должен подгрузиться созданный пакет, в котором я могу редактировать данные)
npm i --save https://github.com/madeas/box-shadows.css.git
(в нем я прописываю данные нужного мне файла - https://github.com/madeas/box-shadow...hadows.min.css)
npm install <madeas/box-shadows.css>[@<1.0.2>] --save
npm publish package.json

Все верно? =)

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

И еще вопрос. Я могу редактировать файлы с любой точки? Подключал вчера дома на вин10, но на работе стоит убунту. Если я подключу сюда nodejs, то смогу редактировать свой пак с работы?

madeas 01.06.2018 12:46

Прописал package.json вручную в репозитории:
{
  "name": "box-shadows.css",
  "version": "1.0.2",
  "description": "A cross-browser collection of CSS box-shadow",
  "keywords": [
    "cross-browser",
    "css",
    "box-shadow",
    "collection",
    "stylesheets",
    "inset",
    "box-shadows-css",
    "generator css box-shadow",
    "library"
  ],
  "homepage": "https://madeas.github.io/box-shadows",
  "main": "box-shadows.min.css",
  "format": "global",
  "repository": {
  "type": "git",
  "url": "https://github.com/madeas/box-shadows.css.git"
  },
  "author": {
    "name": "Andrej Sharapov"
  },
  "licenses": [
    {
      "type": "MIT",
      "url": "https://github.com/madeas/box-shadows.css/blob/master/LICENSE"
    }
  ],
  "dependencies": {
    "express": "madeas/box-shadows.css",
    "mocha": "box-shadows.css/box-shadows.min.css#v1.0.2",
    "module": "madeas/box-shadows.css#box-shadows.min.css\/1.0.2"
  }
}

Подскажите, что писать в dependencies?
Если верить документации, то должны быть прописаны данные репозитория, но у других я наблюдаю версию галпа и т.пд данные.

"dependencies": {}

Audaxviator 01.06.2018 16:39

Да просто всё. Файл package.json лежит в папке проекта, сразу в корне. При первом же скачивании любого пакета -
npm install blablabla --save
- во-первых сама создастся папка node_modules, и туда установятся пакеты, и во-вторых, этот пакет впишется в dependencies
Флаг --save - это и есть указание менеджеру прописать его туда, флаг --save-dev - указание прописать в dev-dependencies
Тут всё просто, не надо усложнять и заморачиваться.
Кстати, файл package.json создаётся командой
npm init
- он там задаёт вопросы, трам-пам-пам и готово.
Короче:
1. Выкидываете этот файл
2. Создаёте папку проекта и заходите в неё (mkdir blabla && cd blabla)
3. npm init (и отвечаете на вопросы)
Всё.
И наконец, эти какие-то таблицы стилей - нужно просто скачать zip с Гитхаба и распаковать в нужном месте (ну или git clone ...). К пакетам Node.js (и, соответственно, к npm) этот файл отношения не имеет.

madeas 01.06.2018 19:26

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


Audaxviator 01.06.2018 19:35

Да я же сказал, что этот css-файл - это css-файл. При чём тут Нода и её пакетный менеджер npm?
Эн-пи-эмом можно инсталлировать с гитхаба пакеты, которые там дублируются с репозитория NPM. А это - какая-то библиотека стилей.

Audaxviator 01.06.2018 19:43

А, ну нашёлся какой-то такой пакет
npm install css-box-shadow --save

https://www.npmjs.com/package/css-box-shadow

madeas 01.06.2018 20:15

так это его кто-то создал уже, получается. Я видимо не понимаю принципа работы с npm и как создать свой package.json

https://www.npmjs.com/package/animate.css это ведь тоже создано для одного css и все


Часовой пояс GMT +3, время: 06:03.