gulp-pack - gulp插件封裝

針對前端開發過程中最常用的需求，我們把一系列gulp插件封裝成為一個簡單的命令。 目前包含以下功能，以后還會繼續增加:

• 簡易的服務器（webserver）

  </li>

• 頁面自動刷新（livereload）

  </li>

• 自動補全CSS前綴（autoprefixer，默認不開啟）

  </li>

• CSS預處理（stylus，默認不開啟）

  </li> </ul>
  gulp-pack會被安裝在全局目錄，而不是你的項目目錄下。 也就是說，你的項目中不會出現令人討厭的node_modules文件夾。

  安裝（全局）

  npm install -g gulp-pack

  啟動

  在命令行中定位到你的項目目錄，然后執行如下代碼：

  pack

  或者要也可以指定路徑

  pack pages/

  然后會看到如下內容：

  D:\Git\test>pack
  [10:28:49] Webserver started at http://localhost:3001
  監控js和html
  監控css
  工具已就緒，耗時507毫秒

  命令行參數

  usage: gulp-pack [path] [options]
  options:
  -p               Port to use [3001]
  -l --livereload  Livereload Port to use [4001]
  -h --help        Print this list and exit.
  -v --version     Print version.

  package.json配置（可選）

  默認情況下，你并不需要進行配置。 通過在package.json中加入pack屬性，可以自定義以下選項：

  • http ---- 簡易Web服務器的端口，關閉該項功能請設置false

  • livereload ---- 自動刷新頁面，關閉該項功能請設置false

  • autoprefixer ---- 自動補全css屬性前綴，關閉該項功能請設置false

  • open ---- 是否在啟動服務后自動打開瀏覽器，默認關閉

  • watch ---- 要監控的各文件類型的路徑，關閉該項功能請設置false

  • stylus ---- 是否監聽.styl類型的文件，默認關閉

  如果你的目錄中還沒有package.json文件，可在命令行中輸入npm init，然后一直按回車即可自動生成。
  
  

  官方網站：http://www.baiduhome.net/lib/view/home/1456738940046