Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chadtech/personal-elm-boilerplate

The beginning of all my Elm projects
https://github.com/chadtech/personal-elm-boilerplate

browserify elm gulp

Last synced: 8 days ago
JSON representation

The beginning of all my Elm projects

Awesome Lists containing this project

README

        

# HI THERE

This is my

# Elm Gulp Browserify Boilerplate

Its basically a template development environment with all of my favorite dependencies. It also might be useful to look at, if you are learning how to use Elm.

How to get going..
```
> git clone https://github.com/Chadtech/elm-gulp-browserify-boilerplate new-project
> cd new-project
> npm install
> elm package install --yes
> gulp

then open up http://localhost:2978
```

This repo is organized as ..
```
distribution/ -- Your production-ready app
development/ -- Your development app
index.html
source/ -- Source files
app.coffee -- Loads your elm file, and handles ports
Ports.elm -- Javascript inter-operation ports
Main.elm
Util.elm -- Functions that are generally useful
Types/
Styles/
Main.styl
p.styl
Main/
Init.elm
Subscriptions.elm
Update.elm
View.elm
Model.elm
Message.elm
gulpFile.coffee
server.js
```

## Distribution

To compile to `distribution` type into your terminal..

```
gulp distribution
```

It will run the js command without debug on. Its pretty sparse in what it does, but if you have your own dist operations, you can put them in that gulp task.

## Elm Format

There is an [Elm-Format](https://github.com/avh4/elm-format) task in this gulp file. Its not on by default, but you can switch to it by uncommenting a little code.