I am currently developing a JavaScript notebook that operates within the browser environment. To compile my code, I have chosen to utilize ESBuild. My primary objective is to enable the handling of CSS imports such as <import 'bulma/css/bulma.css'>. However, regardless of my efforts, I consistently encounter the following error:
✘ [ERROR] Unexpected "."
a:https://unpkg.com/bulma/css/bulma.css:3:0:
3 │ .button, .input, .textarea, .select select, .file-cta,
╵ ^
Although I have developed a plugin intended to manage CSS files through onLoad() function, it appears that my application fails even before reaching that stage and throws an error.
The provided plugin is as follows:
(Plugin code example goes here)
Furthermore, this is the script responsible for running the ESBuild instance:
(App script example goes here)
If anyone could offer guidance or insights, it would be greatly appreciated.
I have attempted various strategies, including adjusting the formatting of the CSS file within a JS snippet, modifying the ESBuild configuration within the app, and exploring the possibility of incorporating the esbuild-sass-plugin with esbuild-wasm. Unfortunately, none of these approaches have yielded positive outcomes. Despite searching extensively on relevant platforms like Stack Overflow, no similar instances of this particular issue with a viable resolution have been found.