Я использую этот проект в качестве предлога для ознакомления с npm
Я использую фреймворк bulma css для создания статического веб-сайта:
https://github.com/jgthms/bulma
Я установил bulma-start и клонировал его, чтобы получить чистый проект bulma.Запуск npm и http-сервер работают в корне моей папки.Каждый раз, когда я сохраняю, npm обновляет JS или CSS в зависимости от того, что нужно.Локальный сервер позволяет мне правильно работать с абсолютным URL во время разработки.
Я пытался установить bulma-carousel .(Я не понимаю, почему в документации используются ~ пути, кажется странным, что модуль npm находится в корне домашнего каталога.)
Сначала CSS:
@import "../node_modules/bulma-carousel/src/sass/index.sass"; был добавлен и css / main.css правильно сгенерирован с правилами CSS карусели.
Однако, когда я импортирую JS: import bulmaCarousel from '../node_modules/bulma-carousel/dist/jsbulma-carousel.min.js';
Он генерирует:
var _jsbulmaCarouselMin = require('../node_modules/bulma-carouse/dist/jsbulma-carousel.min.js');
var _jsbulmaCarouselMin2 = _interopRequireDefault(_jsbulmaCarouselMin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
И требуется вызвать следующую ошибку в браузере:
ReferenceError: require is not defined
Что мне нужно сделать, чтобы правильно импортировать его?