Видимо, чего-то не понимаете.
Платформа Node.js - это такая опен-сорс "экосистема", для которой любой придурок (даже такой как я) может напейсать пакет с какими-нибудь функциями и выложить его в общедоступный репозиторий NPM. Ну и есть программка-менеджер, с помощью которой любой ещё больший придурок может воспользоваться любым пакетом из репозитория - вся "экосистема" в его распоряжении. Вот и вся несложная механика. |
Audaxviator,
спасибо))) видимо я третий "тип", которому как раз и надо написать пакет функций и выложить его в npm, но не могу)) Можете тогда объяснить что это https://www.npmjs.com/package/animate.css ? Это ведь не css файл, а пакет с ним, или для него. Я вот как раз пытаюсь создать аналог с адресом https://www.npmjs.com/package/box-shadows.css, только для своего репозитория, который я смогу обновлять, а другие качать себе. |
Да откуда я знаю, чего это? Какой-то css, и как-то его использование завязано на javascript, но в любом случае - на фронт-энде. Это вам специалисты по фронтенд-сборщикам легко объяснят.
|
Если вы пройдете на гитхаб этого проекта animate.css, то увидите следующий package.json
{ "name": "animate.css", "version": "3.6.1", "main": "animate.css", "repository": { "type": "git", "url": "https://github.com/daneden/animate.css.git" }, "author": { "name": "Daniel Eden" }, "homepage": "http://daneden.me/animate", "license": "MIT", "style": "./animate.css", "jspm": { "main": "animate.css!", "format": "global", "directories": { "lib": "./" } }, "devDependencies": { "autoprefixer": "^7.1.6", "cssnano": "^3.5.1", "eslint": "^4.11.0", "gulp": "^3.9.1", "gulp-concat": "^2.6.0", "gulp-header": "^1.7.1", "gulp-postcss": "^7.0.0", "gulp-rename": "^1.2.2", "gulp-util": "^3.0.7", "husky": "^0.14.3", "lint-staged": "^6.0.0", "prettier": "^1.9.1", "run-sequence": "^2.2.0" }, "lint-staged": { "*.{js,json,md,css}": ["prettier --write", "git add"] }, "prettier": { "bracketSpacing": false, "proseWrap": "never", "singleQuote": true, "trailingComma": "all" }, "scripts": { "start": "gulp", "prettier": "prettier --write \"**/*.{js,json,md,css}\"", "precommit": "lint-staged" }, "spm": { "main": "./animate.css" } } Если коротко отвечать на ваш вопрос, то в вашем проекте box-shadow.css надо создать package.json, делается это обычно командой npm init. В package.json имя проекта(name) это, то с каким именем он будет паблишиться, если имя занято, то вы не сможете запаблишить пакет с таким именем. После того как у вас создан package.json вы можете написать npm publish после чего проекта выложиться в том registry, который у вас в конфиге прописан, по умолчанию это https://registry.npmjs.org/, но вам ничего не мешает поднять свой собственный локальный registry npm и туда паблишить свои проекты(это может быть полезно при совместной разработке, т.к. те у кого в конфиге ваш registry не прописан не смогут с него ничего забирать). Отвлекся. Мой комментарий на тему, того, что код предполагает у вас наличие сборщика касался конкретно куска require('box-shadow/box-shadow.min.css'); В связи с тем, что node js из css конечно ничего не заимпортирует, а просто ругнется и упадет. Я вот не очень пока понимаю как вы собираетесь на сайт с репозитория выкладывать свой css. У вас сервер написан на nodejs? Вы собираетесь прописывать пути для статики сервера в папку ./node_modules/box-shadow? Зачем вам это все? Сборщик я упомянул, потому, что сборщики умеет бандлить решения, например webpack умеет склеивать отдельные файлы, которые вы эскпортировали в вашем коде для frontend приложения в отдельный файл вида bundle.css. |
В общем ответьте какую вы проблему решаете.
Если вы хотите чтобы у вас на сайте подключился этот css, то вам никакой npm и nodejs не нужен от слова вообще, вы можете на страницах вашего сайта добавить тэг: <link rel="stylesheet" type="text/css" href="https://raw.githubusercontent.com/madeas/box-shadows.css/1.0.2/box-shadows.min.css"> И у вас "подключится" ваш файл, ну или для надежности разместить этот файл поближе к серверу, что у вас кстати за сервер, вы не написали, обычно наружу торчит apache или nginx, просто положите ваш css куда вы обычно кладете статичные файлы, что-то типа /var/www/public/css. Ну а потом у тэга что я выше написал, href поменяйте на css/box-shadows.min.css |
EmperioAf, спасибо за пояснения. Понял, что затея того не стоит, хотя новые знания, уверен, пригодятся. Продолжу изучать работу нода потихоньку.
Что касается ссылки, то рав'у я не очень доверяю, поскольку нигде не видел ссылки на него, в отличие от cdnjs или jsdelivr. Я бы с радостью подключил проект на какой-нибудь cdn, чтобы пользователи могли не скачивать коллекцию, а ставить просто ссылку на cdn, но, у того же jsdelivr, нужны node.js и npm ))). Думал еще про яндекс, но сомневаюсь, что иностранные пользователи будут им пользоваться... |
Часовой пояс GMT +3, время: 19:38. |