How do I resolve a file path reference from one ts file to another?

[TheAyes]

Soo... my head hurts and I already tried a bunch of wild things... Now I'm out of options and ask here.

I'm trying to execute a script on my page content and the function for this requires a file path to the injected file. Issue is that this file is:

1. A Typescript file
2. Not included by anything else yet.

Even If i were to import my file like this :

import "./myInjectionScript.ts";

How am I going to tell parcel that the path resulting to this file is supposed to be the parameter for some function further down the line?

await chrome.scripting.executeScript({
    target: { tabId: activeTab.id, allFrames: true },
    files: [myInjectionScript]
});

I previously tried a bunch with the url import thingy that parcel offers, so I had done something like this:

import injectionScript "url:./myInjectionScript.ts";

// ...

await chrome.scripting.executeScript({
    target: { tabId: activeTab.id, allFrames: true },
    files: [injectionScript]
});

Doing this however doesn't include the ts file in the extension. Meaning I can see the built file in my output folder, but it's not being picked up by the browser.

Weird thing is that, if I manually click on the url I can see the file just fine. So it's being picked up but something else is being strange here?

Any ideas?