Coder Social home page Coder Social logo

Comments (3)

jcdekoning avatar jcdekoning commented on May 20, 2024

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.

gajus avatar gajus commented on May 20, 2024

Fixed in #10.

Thanks to @jcdekoning .

from babel-plugin-react-css-modules.

k1sul1 avatar k1sul1 commented on May 20, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.