How to define global variables?

I have a svelte component rendered within another app. That app defines some global variables which I’d like to use.

Whenever I use a custom variable (like config) I get a warning:

(!) Plugin svelte: 'config' is not defined
src/Customize.svelte
41: 
42: <svelte:head>
43:   <link rel="stylesheet" href={`${config.relative_path}/styles.css`} />
                                      ^
44: </svelte:head>
45: 

I cannot, for the life of me, find a way to add known global variables to avoid the warning.

I know I could provide onwarn but that seems hacky and would suppress warnings for actual issues.

[pitaj]

To be clear, I came into this thinking I had just missed something. Yes this would be a feature request, and probably one to actually apply to the svelte compiler, not the rollup plugin. I understand that the code I gave is currently the suggested solution, but given that many other tools (typescript, eslint, etc) have this ability, it isn’t ideal for supporting global vars.

I’ll close this because rollup global imports is probably a better solution, and because this feature would need to be implemented in the svelte compiler. At least other people will now have an answer if they go looking.

[lukeed]

I believe the term you’re looking for is “feature request”