-
Notifications
You must be signed in to change notification settings - Fork 78
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Using Sass -> css -> component in #shadow-root #80
Comments
I know this is an ooooold issue, but for anyone still trying to figure it out, here's how I did it. Make sure you have the In my webpack.config:
In your top-level React component. The
|
but how does one support icons? |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Hello,
I'm trying to configure my webpack config to convert my scss files to css and the insert in into my component's shadow-root context.
I'm starting to think it's not possible :-|
Example :
In my component I import my style like this. Currently, it's a style.js file
import { style, colors } from './style';
style
is defined and usable. YEAH!!colors
is defined, butcolorLogoGrey
,colorBrand
andcolorGreyActive
are all undefinedstyle.js
As you can see, I'm trying to import colors from style.scss
I've tried many different combinations with the following webpack configuration:
If I simply use
style-loader
evertything renders properly, but the<style>
tag get loaded in the head. Is it possible to set this up so the style gets bundled up inside the shadow-root?webpack starts and serves my component properly displayed and formated except for the colors and fonts.
Please help :-)
Thanks
The text was updated successfully, but these errors were encountered: