https://github.com/manabuyasuda/gulpfile

Sass, Jade, js, stylestats
https://github.com/manabuyasuda/gulpfile

Last synced: 2 months ago
JSON representation

Sass, Jade, js, stylestats

• Host: GitHub
• URL: https://github.com/manabuyasuda/gulpfile
• Owner: manabuyasuda
• License: mit
• Created: 2015-08-11T12:43:51.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-08-15T02:54:49.000Z (over 9 years ago)
• Last Synced: 2024-12-26T02:21:04.562Z (4 months ago)
• Language: JavaScript
• Homepage:
• Size: 145 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# gulpfile

SassとJadeのコンパイルと圧縮、JavaScriptの圧縮とファイルの結合ができます。またbrowser-syncによるライブリロードにも対応しています。

エラーが出た場合は処理を停止させず、デスクトップ通知されます。コンパイル元のファイルは`source`ディレクトリに置いてください。コンパイル先のファイルは`build`ディレクトリに出力されます。

## 使い方

使い方は簡単で`gulp`を実行するだけです。

```bash

gulp

```

cssとjsを圧縮する場合は`minify`を実行します。

```bash

gulp minify

```

## CSS

CSSでできることは以下の通りです。

* scssからCSSにコンパイル

* source mapの出力

* ベンダープレフィックスの自動付与

* csscombで整形と宣言の順番を変更

* cssファイルの圧縮

## HTML

HTMLでできることは以下の通りです。

* JadeからHTMLにコンパイル

## JavaScript

JavaScriptでできることは以下の通りです。

* source mapの出力

* jsディレクトリ内の.jsファイルを圧縮

* jsディレクトリ内の.jsファイルを結合

## Helper

コンパイルと圧縮以外のタスク。

* browser-syncによるライブリロード

* stylestatsでcssファイルの解析（`.json`として出力）