elm-ui-project

Quickly create boilerplate code for elm ui projects

``` USAGE: elm-ui-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