まずは、gulpをインストール
sudo npm install -g gulp
適当な場所にプロジェクトフォルダを作る
mkdir -p project/stylus project/css
cd project
gulpをプロジェクトにインストール
npm install --save-dev gulp
続いて、Stylusのプラグインをインストール
npm install gulp-stylus
gulpfile.jsファイルを作る
var gulp = require('gulp');
var stylus = require('gulp-stylus');
gulp.task('stylus', function() {
gulp.src('stylus/*')
.pipe(stylus())
.pipe(gulp.dest('css/'));
});
Stylusファイルを「stylus」フォルダ内に作成する
body
background-color: #ccc
.main
font-size: 10px
gulpを起動
gulp stylus
CSSフォルダ内に、.cssファイルが生成されていればOK。