# elm-ui-project
Quickly create boilerplate code for elm ui projects

```
USAGE:
    elm-ui-project <project>

	FLAGS:
	    -h, --help       Prints help information
		-V, --version    Prints version information

			ARGS:
			    <project>    

```
Elm-ui-project crates the app skeleton as well as a makefile.

## Makefile usage

```
make dev       # create a dev build under dist directory
make build     # create a optimized production build
make devserver # start elm-live devserver (requires elm-live)
make minify    # minify out.js using uglifyjs (requires uglifyjs)
```

`out.js` file is automatically hashed after every change and `{{elmout}}.js` in `index.html` is automatically set to the new value.

## Important variables

Makefile uses several variables to provide a nicer control over build/development process

- OUTFILE
	- Output file path
	- Default: dist/out.js
- ELMPRODFLAGS
	- elm make flags for prod builds
	- Default: --optimize
- ELMDEVFLAGS
	- elm make flags for dev builds
	- Default: --debug
- DEVPORT
	- elm-live port
	- Default: 8888
- DEVHOST
	- elm-live host
	- Default: 0.0.0.0


#### Makefile examples
```
	make devserver ELMDEVFLAGS= # start devserver dont pass default --debug flag
	make build && make minify   # optimize and minify and hash the output file
	make clean                  # delete dist directory
```