Как использовать модули NPM?

Question

Я совершенно не знаком с веб-дизайнером с очень простым вопросом. Как-то, как я его использую? Например, я только что сделал npm install bootstrap, и теперь я хотел бы иметь возможность использовать загруженный CSS и Javascript. Я уверен, что мне не придется прорываться через каталоги, чтобы найти точку входа ... так как мне теперь использовать bootstrap на моей странице?

Answer 1

Как правило, npm используется для активов, которые ваше приложение-узел будет использовать на сервере, а bower (и другие) эквивалентны для зависимостей, которые вы хотите использовать на клиенте.

Это, как правило, то же самое.

npm (и bower) устанавливают файлы в каталог проекта в стандартном расположении. Все, что вам действительно нужно сделать, это убедиться, что местоположение доступно через веб-запрос (как правило, node_modules - нет, поэтому он появился), а затем вставлять ссылки и теги скриптов в соответствии с вашим html:

<script src='/node_modules/bootstrap/js/bootstrap.min.js'></script> 

Answer 2

Большинство модулей на NPM используются в Node.js для сервера (бэкэнд). Node.js имеет встроенную функцию require('your-module'), чтобы использовать модуль. Эта функция отсутствует в интерфейсе браузера. Однако есть такие инструменты, как browserify или webpack и, возможно, другие, чтобы модули NPM и функция require работали в интерфейсе.

Если вы только начинаете, я предлагаю вам сначала взглянуть на Bower. С Bower (установленным вместе с NPM) вы можете вытащить все ваши интерфейсные библиотеки, такие как jQuery, Bootstrap и т. Д. В папку проекта, и вы можете указать свои теги сценариев в своем HTML-каталоге bower_components/, например. <script src="/bower_components/jquery/jquery.min.js"></script>. Вы можете сохранить список всех библиотек, используемых с номером версии, в json-файле с именем bower.json в корне вашей папки проекта. На основе этого файла вы можете загрузить или обновить все библиотеки, перечисленные с помощью командной строки.