Comments (3)
I am not sure if stylus is the same as sugarss (syntax seems quite the same). I made a PR (#10) which makes it possible to configure syntax parsers.
{
"generateScopedName": "[name]__[local]",
"filetypes": {
".sss": "sugarss"
}
}
from babel-plugin-react-css-modules.
Fixed in #10.
Thanks to @jcdekoning .
from babel-plugin-react-css-modules.
It's possible to configure syntax parsers, but unfortunately Stylus doesn't work, because there isn't a PostCSS parser available for it.
SugarSS syntax is not the same. Maybe it is if you use Stylus without braces, but not using braces breaks the Stylus compiler way too easily with a cryptic error, indent based syntax is just not worth it. It's also not just braces, some may love their semicolons, the point is that Stylus is a very unopionated about syntax, so the parser also has to be like that.
I got an error with sugarss
from the first line of my first styl
file:
Module build failed: CssSyntaxError: /home/k1sul1/projects/redacted/src/index.styl:1:6: Unnecessary curly bracket
It doesn't look like it's happening: postcss/postcss#602 (comment)
As for me, I'm probably going to have to use SCSS instead of Stylus.
from babel-plugin-react-css-modules.
Related Issues (20)
- Whenever I use babel-plugin-react-css-modules, I get errors from babel-loader
- in production after bundle ,class name in css file not equal to it in html tags,very confusing .when styleName = 'className' appear this error but write className = {style.className} is disappear
- handleMissingStyleName and Runtime styleName
- didn't generate classname HOT 1
- set skip true, and current sub component no stylesheet, stylesheet from parent of parent less and output fail
- styleName compiled to stylename (lowercase)
- Not compatible with css-loader v4 HOT 28
- Typescript: styleName usage with @types/react@^17 HOT 4
- Upgrade postcss to 8 HOT 3
- setting attributeNames to "className": "className" will not output any classnames HOT 1
- Can I use webpack resolve.extensions = [".css"] and use import './table' instead of './table.css' in js HOT 1
- Plugin does't work after updating react-scripts to version 4.3.0 HOT 1
- [contenthash] generated by this plugin does not match the hash generated by css-loader 5.2.0 HOT 3
- Current master branch does not pass all tests HOT 7
- Temporary fix for those have trouble with newer version of webpack / css-loader. HOT 7
- How to pass styles from component to child and grandchild at the same time
- Passing multiple style props to a child component HOT 1
- doesn't work with windicss
- doesn't work with thread-loader
- babel-plugin-react-css-modules doesn't recognize the @ path
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from babel-plugin-react-css-modules.