require is not defined in release builds, works in development

[codegraft]

I'm trying to use jsdom in a web worker in a browser.
With vite-plugin-node-polyfills for the node polyfills everything works fine in development but in release builds I get ReferenceError: require is not defined.

I found some mention of using the following configuration, but that doesn't seem to change anything.

  build: {
    commonjsOptions: {
      transformMixedEsModules: true,
    },
  }

The issue can be reproduced with this repo: https://github.com/codegraft/vite-jsdom-repro
Release builds will show the error ReferenceError: require is not defined in the JS console.

Any help would be appreciated.

[Shyam-Chen]

Use Vanilla JavaScript.

[codegraft]

Thank you for your reply, unfortunately I don't understand what you mean by Vanilla JavaScript in this context. Could you please explain?

[Shyam-Chen]

https://developer.mozilla.org/en-US/docs/Web/API/DOMParser

const parser = new DOMParser();

const xmlString = `<warning>Beware of the tiger</warning>`;
const doc = parser.parseFromString(xmlString, 'application/xml');

[codegraft]

DOMParser is not available in Web Workers unfortunately which is why I need to use something like JSDOM.

[Shyam-Chen]

Add the dom-parser polyfill.

[codegraft]

Thank you for the suggestion but dom-parser isn't a fully compatible drop in replacement for DOMParser. I tried to use it but I've run into various incompatibilities. I'm passing the result from parser.parseFromString to code I don't control that expects a DOMParser (HTMLDocument/XMLDocument) compatible interface.

I've also seen linkedom which seems closer to DOMParser so I might give that a try as a last-resort but I would much rather use JSDOM because of it's excellent DOMParser compatibility and because I've used it without issues before.
It works with webpack and browserify so I'm really just looking for a way to also make it work with vite.