postcss-modules-resolve-from-alias

A CSS Modules transform to provide aliases for composes paths

Usage no npm install needed!

<script type="module">
  import postcssModulesResolveFromAlias from 'https://cdn.skypack.dev/postcss-modules-resolve-from-alias';
</script>

README

CSS Modules: Resolve imports from aliases

Build Status

With this config:

{
  'css': 'src/style'
}

transforms:

.myClass {
  composes: button from "css/button.css";
  color: green;
}

into:

.myClass {
  composes: button from "src/style/button.css";
  color: green;
}

Options

An object, where each key/value pair represents an alias for composes import paths.

  • key - composes import path prefix
  • value - replacement value for the import path prefix

Both keys and values may include a trailing /. If there is no trailing /, then one is implied.

Building

npm install
npm build
npm test

Build Status

  • Lines: Coverage Status
  • Statements: codecov.io

Development

  • npm watch will watch src for changes and rebuild
  • npm autotest will watch src and test for changes and retest

License

MIT