Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Don't force sass loader to allow using grommet
See original GitHub issueI think that forcing importing a sass file is a wrong approach
import 'grommet/scss/vanilla/index';
as we know create-react-app is very popular but we can’t use it with grommet
we can solve it easily by adding a compiled css into grommet package so we can just import a simple vanila css.
Thats good not only for create-react-app but also for anyone that don’t want to add sass loader only for using grommet.
Thats one limitation we can just remove
Issue Analytics
- State:
- Created 7 years ago
- Reactions:1
- Comments:5 (3 by maintainers)
Top Results From Across the Web
sass-loader not working with webpack + react + grommet
Managed to fix the issue by firstly modifiying my webpack.config.babel.js to the following: import webpack from 'webpack'; module.exports ...
Read more >sass-loader - webpack - JS.ORG
This allows you to control the versions of all your dependencies, and to choose which Sass implementation to use. Note. We highly recommend...
Read more >Using @use With Sass and Webpack - Carter Bancroft
Let's give it a shot. SassError: Invalid CSS after "...y-bg: variables": expected expression (e.g. 1px, bold), was ".
Read more >How to compile Sass files in Visual Studio and Webpack
The intent of this tutorial is to show you how to compile Sass files within Visual Studio using Webpack. Our discussion will include ......
Read more >Configuration - Nuxt
In case you want to use sass make sure that you have installed the sass and sass-loader packages. In nuxt.config.js , add the...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@arabold, I have closed this issue, but please feel free to keep the conversation going if you have any other questions.
Hey @shai32 and @arabold, thanks for your notes!
You are not forced to use sass when you use Grommet, but grommet is built on top of a sass and for the meantime that is a reality. If you do not want to bother setting up the sass-loader, you can always include only the compiled css, either compiling yourself or linking to the grommet.min.css file included in the package.
By the way, the Grommet team has been exploring css modules for quite some time. If that’s something you’d like to help with, maybe we can get there faster.