dustinfarris / elm-css-brunch

Compile your elm-css stylesheets using Brunch!

elm-css-brunch

Compile your elm-css stylesheets with Brunch.

Quickstart

Follow the instructions in the elm-css README to set up an Elm program that is responsible for compiling your stylesheets. This code will likely go in a file called Stylesheets.elm.

Install this plugin (with yarn or npm):

yarn add -D elm-css-brunch

Add a plugin config to your brunch-config.js telling the plugin where to find your Stylesheets.elm.

plugins: {
  elmCss: {
    sourcePath: 'elm/Stylesheets.elm'
  }
  ...
}

Configuration

The implementation was mostly copied from the elm-css executable. You can pass the same configuration options as you would there.

For example, to configure the outputDir (which defaults to "css/" in the current directory):

outputDir: '../priv/static/'

You may also specify a pattern to watch for re-triggering elm-css.

Example:

pattern: /Styles.elm/

If you do not specify a pattern, a new elm-css build will be triggered every time a .elm file is written.

License

MIT