Help

How to use a package that imports a CSS file (not handled by block)

Topic Labels: Custom Extensions
1033 0
cancel
Showing results for 
Search instead for 
Did you mean: 
Ahmed_Kachkach
4 - Data Explorer
4 - Data Explorer

Hi! I’d like to port an app I’ve been building to be an Airtable custom app, but my codebase heavily uses CSS imports everywhere (+ an important dependency I have does the same).

This doesn’t seem to be supported by block; seems like all it would take would be to change the webpack config to use webpack’s CSS loader:

FTR the error looks like this:

Module parse failed: Unexpected token (7:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> .some_css_class_here { ....

Importing CSS files is used by create-react-app and most React examples, and would help lots of developers start porting apps to work in Airtable. As it stands I can’t re-work my whole app’s codebase to not use this dependency (and not use CSS imports anywhere).

Is there any way I can fix this? (e.g. configure block’s webpack config, or support this by default in block)

0 Replies 0