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.

Option for CSS Modules + Preprocessor

See original GitHub issue

I would like an option that would allow you to use CSS Modules + LESS/SASS preprocessor. The loader example is shown here on the react-css-modules repo. https://github.com/gajus/react-css-modules#sass-scss-less-and-other-css-preprocessors

Issue Analytics

State:
Created 7 years ago
Reactions:13
Comments:20 (2 by maintainers)

Top GitHub Comments

4reactions

kitzecommented, Oct 16, 2016

@iansoper this will be implemented soon.

1reaction

kitzecommented, Aug 10, 2017

I have finally added this in the latest version. You can have any combination of modules + preprocessor by adding module before the file extension. For example: header.module.css or footer.module.less.

Let me know if it works okay 👌

Top Results From Across the Web

Documentation about css-modules - GitHub

A CSS Module is a CSS file in which all class names and animation names are scoped locally by default. All URLs (...

css-loader | webpack - JS.ORG

Allows to enable/disable CSS Modules or ICSS and setup configuration: ... The modules option enables/disables the CSS Modules specification and setup basic ...

What are CSS Modules and why do we need them?

According to the repo, CSS modules are: CSS files in which all class names and animation names are scoped locally by default. So...

Using with Preprocessors - Tailwind CSS

A guide to using Tailwind with common CSS preprocessors like Sass, Less, and Stylus.

Working with CSS | Vue CLI

Vue CLI projects come with support for PostCSS, CSS Modules and ... you may want to pass options to the pre-processor's webpack loader....