Настройка javascript каталога пакетов в html

Question

Я установил пакет mapbox gl js с npm, и он установлен в

/node_modules/mapbox-gl/dist/mapbox-gl.js

В html, как мне установить путь к указанному выше каталогу для загрузки библиотеки правильно? В моем коде каталог установлен так:

var mapboxgl = require('/mapbox-gl/dist/mapbox-gl.js');In

Answer 1

Страница быстрого запуска Mapbox GL JS показывает, как использовать библиотеку. Чтобы повторить из связанной документации, после установки пакета npm:

Включите файл CSS в файл HTML.

<link href='https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.css' rel='stylesheet' />

Включите следующее код в вашем HTML файле.

import mapboxgl from 'mapbox-gl';
// or "const mapboxgl = require('mapbox-gl');"

mapboxgl.accessToken = /* YOUR MAPBOX ACCESS TOKEN HERE */;
const map = new mapboxgl.Map({
    container: '<your HTML element id>',
    style: 'mapbox://styles/mapbox/streets-v9'
});

В общем, документация Mapbox GL JS является отличным ресурсом для похожих практических вопросов.