Блог

Я перехожу к управлению зависимостями на стороне клиента с использованием yarn и npm, и я не могу понять, как использовать эти зависимости на моем веб-сайте.

До сих пор я установил необходимые зависимости (например, ngeohash) с помощью yarn add . Я вижу зависимость в каталоге node-modules.

Моя проблема в том, что у меня есть веб-страница (index.html ), где я собираюсь отобразить карту из геохешей, возвращенных из запроса ajax. Однако точкой входа для приложения является index.js . Я не понимаю, почему это так. Я вижу примеры использования require, но когда я добавляю следующее к своему <script> элементу в index.html:

 var geohash = require('ngeohash');
  

Я получаю эту ошибку:

 ReferenceError: Can't find variable: require
  

Я просмотрел руководство по началу работы, но нигде не показано, как использовать зависимости после их установки! Что я делаю не так?

Обычно пакеты npm / yarn используются при использовании некоторого webpack или другого модуля javascript. Я никогда не использую yarn для чистого приложения HTML / JS / CSS, поэтому я могу ошибаться, но вы можете прочитать о модулях ecmascript на странице MDN и получить некоторые идеи. Вы также можете прочитать о Webpack, и если вы сможете использовать его в своем приложении, вы без проблем запустите yarn / npm.