Basic gulp

we3x · we3x · commit c06d63fc3339 · 2015-09-05T19:12:19.000+02:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+*.css
+node_modules/
diff --git a/app/index.html b/app/index.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+  <title> Flarior </title>
+  <link href="/css/bla.css" rel="stylesheet">
+</head>
+<body>
+  <h1>Hello World</h1>
+  sadjaksdak
+</body>
+</html>
diff --git a/app/sass/bla.scss b/app/sass/bla.scss
@@ -0,0 +1,8 @@
+$font-stack: Helvatica, sans-serif;
+$primary-color: #fff;
+
+h1 {
+  font: 100% $font-stack;
+  color: $primary-color;
+  background-color: red;
+}
diff --git a/gulpfile.js b/gulpfile.js
@@ -0,0 +1,37 @@
+var path  = require('path');
+
+global.gulp = require('gulp');
+var webserver = require('gulp-webserver');
+var sass = require('gulp-sass');
+
+global.flariorPaths = {
+  app : path.resolve('./app/'),
+  sass : path.resolve('./app/sass'),
+  sassGlob: path.resolve('./app/sass/**/*.scss'),
+  css: path.resolve('./app/css')
+}
+
+gulp.task('webserver',['sass', 'watch'], function() {
+  gulp.src(flariorPaths.app)
+    .pipe(webserver({
+      host: '0.0.0.0',
+      port: 8000,
+      livereload: true
+    }));
+});
+
+
+
+gulp.task('sass', function compileInuit(){
+  gulp.src(flariorPaths.sassGlob)
+  .pipe(sass({
+    errLogToConsole: true
+  }))
+  .pipe(gulp.dest('./app/css'))
+});
+
+gulp.task('watch', function(){
+  gulp.watch(flariorPaths.sassGlob, ['sass']);
+});
+
+gulp.task('default', ['webserver']);
diff --git a/package.json b/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "flarior-frontend",
+  "version": "0.0.1",
+  "description": "Flarior frontend",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/flarior/flarior-frontend.git"
+  },
+  "author": "",
+  "license": "GPL-3.0",
+  "bugs": {
+    "url": "https://github.com/flarior/flarior-frontend/issues"
+  },
+  "homepage": "https://github.com/flarior/flarior-frontend#readme",
+  "dependencies": {
+    "gulp": "^3.9.0",
+    "gulp-dest": "^0.2.2",
+    "gulp-sass": "^2.0.4",
+    "gulp-sourcemaps": "^1.5.2",
+    "gulp-webserver": "^0.9.1",
+    "inuit-starter-kit": "^0.2.9"
+  }
+}
