Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
building elm projects with gulp: basic setup
var gulp = require('gulp');
var elm = require('gulp-elm');
var plumber = require('gulp-plumber');
var del = require('del');
// builds elm files and static resources (i.e. html and css) from src to dist folder
var paths = {
dest: 'dist',
elm: 'src/*.elm',
staticAssets: 'src/*.{html,css}'
gulp.task('clean', function(cb) {
del([paths.dest], cb);
gulp.task('elm-init', elm.init);
gulp.task('elm', ['elm-init'], function() {
return gulp.src(paths.elm)
gulp.task('staticAssets', function() {
return gulp.src(paths.staticAssets)
gulp.task('watch', function() {, ['elm']);, ['static']);
gulp.task('build', ['elm', 'staticAssets']);
gulp.task('dev', ['build', 'watch']);
gulp.task('default', ['build']);
"devDependencies": {
"del": "^2.1.0",
"gulp": "^3.9.0",
"gulp-elm": "^0.2.0",
"gulp-plumber": "^1.0.1"
"scripts": {
"dev": "gulp clean && gulp dev",
"build": "gulp clean && gulp build"

This comment has been minimized.

Copy link
Owner Author

commented Dec 1, 2015

Simple build:
npm run build

Development mode (run build on file change):
npm run dev

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.