Npm 5 вместо bower?

Question

[Иван]

Народ привет,встал вопрос,как работать с npm? Раньше устанавливал нужные пакеты через bower в нужную папку,а как такое делать с npm 5?То ест вот мне надо скачать jq, как его подключить к проекту? или же bootstrap-sass,или animate.css,как их подключать?

Answer 1

[webdevium]

Начать с простого - осознать что такое task manager, а что такое package management.
А дальше, просто понять, что зависимости устанавливаются в разные папки, и все.

Comments

[Артем Каюн]

А bower это task manager?

Answer 2

[nemoisfree]

Вероятно вы хотите освоить новую технологию, но npm это не что-то самостоятельное. Менеджеры пакетов yarn / npm используются вместе с вебпаком для сборки одностраничных приложений. Попробуйте начать осваивать react.js, тогда умение пользоваться npm придет само собой.

Comments

[Егор Живагин]

Так говорите, как-будто они ни для чего больше не используются)

[nemoisfree]

Егор Живагин: вопрос задан в контексте фронтенда

[Егор Живагин]

nemoisfree: да это я понял, но не только с вебпаком и не только для одностраничных приложений)

Answer 3

[Никита Кит]

css через import 'node_modules/...'
js через package = require('package')

Comments

[Иван]

имеете ввиду в основной файл js подключать так js либы?

[Никита Кит]

Смотри, в разметку тебе идёт только main.js. В самом main.js у тебя просто перебор модулей:

header = require 'header'
module = require 'module'
$ = require 'jquery'

Потом вызываешь необходимые модули при загрузке страницы

$(document).ready ->
  header()
  module()

На кофескрипт накидал. Если какой-либо объект, типа $ используешь в каком-то js-модуле, то реквайришь нужную либу туда. Модульный js решает. Вот тебе наглядный пример:
https://github.com/WebKieth/Black-UI/tree/master/s...
css как и в bower_components - никакой разницы. Вообще разницы немного. Только вместо bower.json package.json

[Иван]

Никита Кит: благодарю