@teamthread/css-modules-elm-types-loader

Generate Elm type aliases for CSS Modules

Usage no npm install needed!

<script type="module">
  import teamthreadCssModulesElmTypesLoader from 'https://cdn.skypack.dev/@teamthread/css-modules-elm-types-loader';
</script>

README

css-modules-elm-types-loader

A webpack loader that takes CSS modules and produces an Elm module with a type alias for the classes defined.

This module was inspired by and taken from the typings-for-css-modules-loader, so credit for the approach and codebase goes to that project. We've updated the code to output Elm based files, rather than TypeScript.

Usage

yarn add @teamthread/css-modules-elm-types-loader

This module replaces the css-loader, so you should update your webpack config:

// before
loader: 'css-loader'
// after
loader: '@teamthread/css-modules-elm-types-loader'

Options

Any loader options are passed through to css-loader.

The options that this module supports are:

  • runElmFormat [default: false] this means the resulting Elm files will be run through elm-format. If this is turned on, it is expected that yarn elm-format will work, so ensure that elm-format is installed to your project.

Changelog

2 May 2018

  • First release.