электронное выделение. js выделение

Question

Я учусь electron, я хочу написать markdown-editor демо. Я использую с пометкой js, чтобы завершить уценку до html. Но highlight.js не работает.

Мой основной процесс:

let marked = require('marked');
const { ipcRenderer } = require('electron');
// import 'highlight.js/styles/giuthub.css'
const style = require('highlight.js/styles/github.css');
marked.setOptions({
    headerIds: false,
    highlight: function (code) {
        const hljs = require('highlight.js/lib/highlight');
        return hljs.highlightAuto(code).value;
    },
    breaks: true,
    smartLists: true,
    smartypants: true,
})
...

Я пытаюсь импортировать github.css, используя import 'highlight.js/styles/giuthub.css', и получаю ошибку Uncaught SyntaxError: Cannot use import statement outside a module.

Затем я пытаюсь использовать const style = require('highlight.js/scss/github.scss'); в своем коде, и я получаю другую ошибку

SyntaxError: Unexpected token '.' 
...

Я думаю, что ошибка вызвана class selector в файле css, но Я успешно использую highlight.js, marked в vue, думаю, с помощью webpack, babel или чего-то еще в vue сделаю его успешным. Возможно, мое предположение неверно, но оно работает в vue.

Мой вопрос: как я могу использовать highlight.js для выделения кода? Спасибо.