Created
May 29, 2014 15:44
-
-
Save cognitom/79371b1a65fb052128d0 to your computer and use it in GitHub Desktop.
LESS/Sass/CSSのごった煮コンパイル (gulp版) ref: http://qiita.com/cognitom/items/c6b5e95c41dd53fe3dcf
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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