Uncaught ReferenceError: serialport не определен в веб-пакете

Question

Я пытаюсь использовать serialport в своем веб-приложении. Я использую веб-пакет для этой цели. Я добавил 'serialport' во внешний раздел файла конфигурации webpack. Это все еще дает мне ошибку.

В моем файле index.js есть это:

var SerialPort = require('serialport');
var Readline = require('@serialport/parser-readline')

В моем webpack.config.js я добавил:

    externals: {
        "serialport": serialport,
    },

Это дает мне следующую ошибку:

external_"serialport":1 Uncaught ReferenceError: serialport is not defined
    at eval (external_"serialport":1)
    at Object.serialport (main.js:2187)
    at __webpack_require__ (main.js:20)
    at eval (index.js:8)
    at Object../src/index.js (main.js:2143)
    at __webpack_require__ (main.js:20)
    at eval (webpack:///multi_(:8081/webpack)-dev-server/client?:2:18)
    at Object.0 (main.js:2154)
    at __webpack_require__ (main.js:20)
    at main.js:84