Как добавить пакет highlightjs-line-numbers в webpack?

Вопрос-ответ Nodejs
1

Привет!
Подключил библиотеку higlight (подсветка кода) в webpack, все работает, но не устроило, то что не отображаются номера строк кода и для этого нашел библиотеку highlightjs-line-numbers.

По инструкции написано что в index.html библиотеки подключаются в следующем порядке:
src=“path/to/highlight.min.js”
src=“path/to/highlightjs-line-numbers.min.js”

У меня в index.js webpack:

// highlight.js
require("./../node_modules/highlight.js/styles/darcula.css");
import hljs from "highlight.js/lib/highlight";
import javascript from "highlight.js/lib/languages/javascript";
import php from "highlight.js/lib/languages/php";
import html from "highlight.js/lib/languages/htmlbars";
hljs.registerLanguage("javascript", javascript);
hljs.registerLanguage("php", php);
hljs.registerLanguage("html", html);
hljs.initHighlightingOnLoad();



// highlightjs-line-numbers.js
import hljs from "highlightjs-line-numbers.js/src/highlightjs-line-numbers";
hljs.initLineNumbersOnLoad({
     singleLine: true
});

При сборке webpack ругается, что переменная или объект (не знаю как называется) hljs уже используется. Пробывал переименовать переменную для highlightjs-line-numbers, в итоге сборка успешна, но при запуске страницы браузер ругается на то, что найдена ошибка в строке:
hljs1.initLineNumbersOnLoad({
singleLine: true
});

Как правильно подключить highlightjs-line-numbers в webpack?