Nodejs Loaders: CSS Module

Usage

$ npm i -D @nodejs-loaders/css-module

$ node --import @nodejs-loaders/css-module main.js

See README.md in the repository's root for more details.

Environment: test

Compatible APIs:

• module.register
• module.registerHooks

This loads the module as a plain-object of simple key-value pairs of the css specifiers like:

/* main.module.css */
#Bar {
  font-weight: bold;
}

.Foo {
  text-decoration: none

  .Baz { color: red }
}

.Qux .Zed {
  font-size: 1.1em;
}

import styles from 'main.module.css';

styles.Bar; // 'Bar'
styles.Baz; // 'Baz'
styles.Foo; // 'Foo'
styles.Zed; // 'Zed'

This ensures snapshots are unaffected by unrelated changes.

[!WARNING] This loader does not differentiate classes vs ids; thus duplicate names can create a last-wins conflict. For example #Foo and .Foo will result in just Foo: 'Foo'. This is unlikely to cause any real-world problems (and you probably shouldn't be doing this anyway).