<commit_before>---
layout: post
title: 始用GruntJS
categories: JavaScript
comments: true
date: 2013-11-07 20:15
---

最近開始做一個小項目，不過需要實現一些目標，能夠使用自動化以下步驟：

* Sass和Coffee的compile
* JavaScript的壓縮

原來實現這幾個任務需要至少開兩個terminal的tab：

* 一個開著編譯Sass：

    sass --style compressed --watch foo.sass:foo.css

* 一個開著編譯Coffee

    coffee --compile --watch bar.coffee

當然可以用`＆`讓他們滾到後臺去編譯，不過這樣不帶感。

機緣巧合之下，找到了GruntJS這個「強大」的工具。

使用GruntJS可以做的事情還是很多的，其實我也只是簡單地使用了一下這個工具，所以可以淺顯地談一談。想必以後用到他的機會還多著。

## 簡單的配置

Grunt的配置，其實就是在項目下建一個`Grutnfile.js`文件。

    module.exports = function(grunt) {<commit_msg>fix code style<commit_after>---
layout: post
title: 始用GruntJS
categories: JavaScript
comments: true
date: 2013-11-07 20:15
---

最近開始做一個小項目，不過需要實現一些目標，能夠使用自動化以下步驟：

* Sass和Coffee的compile
* JavaScript的壓縮

原來實現這幾個任務需要至少開兩個terminal的tab：

* 一個開著編譯Sass：

    `sass --style compressed --watch foo.sass:foo.css`

* 一個開著編譯Coffee

    `coffee --compile --watch bar.coffee`

當然可以用`＆`讓他們滾到後臺去編譯，不過這樣不帶感。

機緣巧合之下，找到了GruntJS這個「強大」的工具。

使用GruntJS可以做的事情還是很多的，其實我也只是簡單地使用了一下這個工具，所以可以淺顯地談一談。想必以後用到他的機會還多著。

## 簡單的配置

Grunt的配置，其實就是在項目下建一個`Grutnfile.js`文件。

    module.exports = function(grunt) {
{'fraction_non_alphanumeric': 0.11333914559721012, 'fraction_numerical': 0.020924149956408022, 'mean_word_length': 5.4858757062146895, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4922344', 'n_tokens_mistral': 807, 'n_tokens_neox': 802, 'n_words': 70}