Disable automatically created WebWorker message handler

I have a web worker which looks like this:

import Prism from 'prismjs';

self.addEventListener('message', function(event) {
    let { language, code } = event.data;
    // Do some stuff
    code = Prism.highlight(code, Prism.languages[language]);
    self.postMessage(code);
});

It works, however the mere act of opening Prism inside a web worker causes it to create it’s own “message” handler. One which expects a String as input. So I’m constantly getting errors in my console like:

JSON.parse: unexpected character

I could just use the automatically created “message” handler, but that prevents me from doing the extra processing that I wanted to happen in my web worker.

Is there a way of disabling the automatic creation of this message handler? I can see multiple references to disableWorkerMessageHandler in the code, but I can’t figure out a way of leveraging it. Maybe that’s not even possible?

[tvooo]

I managed to achieve this the following way:

global.Prism = { disableWorkerMessageHandler: true };
const Prism = require('prismjs');

Then, I load the worker using webpack’s worker-loader like this:

const Worker = require('worker-loader?inline=true!./worker');

Hope that helps 😃

EDIT: It’s not necessary to import Prism as PrismLib or something else. Prism works just fine.

[jakearchibald]

If you need to use imports, you can do this:

main.js

import './prism-config.js';
import Prism from 'prismjs';

// Use prism

./prism-config.js

self.Prism = { disableWorkerMessageHandler: true };