Question 1

How do I add autoprefixer to css-modulesify?

Accepted Answer

Use the '--after' option in the command line or API, e.g., 'browserify -p [css-modulesify --after autoprefixer -o dist/main.css]'. This runs autoprefixer after the core CSS Modules plugins, ensuring vendor prefixes are added.

Question 2

css-modulesify vs webpack css-loader for CSS Modules

Accepted Answer

css-modulesify is specifically for Browserify, offering tight integration but fewer features and community plugins compared to webpack's css-loader. Choose css-modulesify if you're committed to Browserify; otherwise, webpack provides more robust CSS Modules support with broader ecosystem tools.

Question 3

How to generate a JSON manifest for server-side rendering?

Accepted Answer

Configure the 'jsonOutput' option with a file path in the API or command line. This creates a JSON file mapping original class names to scoped ones, which can be imported on the server for consistent styling, as mentioned in the 'Using CSS Modules on the backend' section.

Question 4

Why are my class names not shortening in production?

Accepted Answer

Ensure 'NODE_ENV' is set to 'production' or manually use 'generateScopedName: cssModulesify.generateShortName' in options. The README notes that production builds generate shorter names to reduce bundle size.

Question 5

How to handle CSS stream output in css-modulesify?

Accepted Answer

Listen to the 'css stream' event on the bundle object, as shown in the API example: 'b.on("css stream", function(css) { css.pipe(fs.createWriteStream("mycss.css")); })'. This allows flexible writing or piping of CSS to other tools.

Question 6

Can I use css-modulesify with npm packages that have CSS?

Accepted Answer

Yes, but you need to set the 'global' option to true to apply css-modulesify to 'node_modules'. However, this might conflict with some packages, so test thoroughly, as noted in the options documentation.

css-modulesify

What is css-modulesify?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions