https://github.com/suissa/stylus-jeet-gulp

An example how use Jeet with Gulp.
https://github.com/suissa/stylus-jeet-gulp

Last synced: 2 months ago
JSON representation

An example how use Jeet with Gulp.

• Host: GitHub
• URL: https://github.com/suissa/stylus-jeet-gulp
• Owner: suissa
• Created: 2014-12-03T14:06:11.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2014-12-03T14:15:28.000Z (about 10 years ago)
• Last Synced: 2024-04-10T21:19:11.625Z (9 months ago)
• Language: CSS
• Size: 87.9 KB
• Stars: 7
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
styus-jeet-gulp

=========

A template gulp project for [Jeet](http://jeet.gs/).

## GettingStarted

```

$ git clone https://github.com/suissa/stylus-jeet-gulp.git

$ npm install

$ gulp // or npm start

```

Open your browser 'http://localhost:8080' with [LiveReload](https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei).

## FileStructure

```

$ tree src public

  src

  └── styl

      └── app.styl

  public

  ├── css

  │   └── app.css

  └── index.html

```

Let's edit src/styl/app.styl !

## gulpfile.js

```

var connect, gulp, jeet, stylus;

gulp = require('gulp');

stylus = require('gulp-stylus');

jeet = require('jeet');

connect = require('gulp-connect');

gulp.task('stylus', function() {

  return gulp.src('src/styl/**/*.styl').pipe(stylus({

    use: [jeet()]

  })).pipe(gulp.dest('public/css')).pipe(connect.reload());

});

gulp.task('html', function() {

  return gulp.src('public/**/*.html').pipe(connect.reload());

});

gulp.task('connect', function() {});

connect.server({

  root: ['public'],

  livereload: true

});

gulp.task('watch', function() {

  gulp.watch(['src/styl/**/*.styl'], ['stylus']);

  return gulp.watch(['public/**/*.html'], ['html']);

});

gulp.task('default', ['stylus', 'connect', 'watch']);

```

## LICENSE

WTFPL