Skip to content

Instantly share code, notes, and snippets.

@cognitom
Created May 29, 2014 15:44
Show Gist options
  • Select an option

  • Save cognitom/79371b1a65fb052128d0 to your computer and use it in GitHub Desktop.

Select an option

Save cognitom/79371b1a65fb052128d0 to your computer and use it in GitHub Desktop.
LESS/Sass/CSSのごった煮コンパイル (gulp版) ref: http://qiita.com/cognitom/items/c6b5e95c41dd53fe3dcf
gulp = require 'gulp'
less = require 'gulp-less'
cssimport = require 'gulp-cssimport'
autoprefixer = require 'gulp-autoprefixer'
concat = require 'gulp-concat'
minifyCss = require 'gulp-minify-css'
streamqueue = require 'streamqueue'
gulp.task 'css', ->
streamqueue objectMode: true,
gulp.src ['css/src/bootstrap.less'] # 独自設定のbootstrap
.pipe less paths: ['bower_components/bootstrap/less/'] # 検索パスにbowerを追加
gulp.src ['css/src/smacss.css'] # ピュアCSSのプロジェクト
.pipe cssimport() # @importの読み込み
.pipe autoprefixer 'last 2 versions' # プリフィクサ
.pipe concat 'style.css' # 2つのCSSを結合
.pipe minifyCss keepSpecialComments: 0 # ミニファイ、コメントも除去
.pipe gulp.dest 'css/' # CSSディレクトリに出力
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment