前端構建工具gulp

    平時主要寫的是一些PHP的代碼，這個月因爲工做須要，用到前端構建工具gulp來改一些開源的模板，來用在本身的項目上面！下面就談一下這個禮拜對gulp的我的理解。

1.爲何使用gulp？

• 經過gulp命令，能夠將src中的文件經過」流」的生成一個dist文件夾
• 將多個文件合併爲同一個文件
• 經過包管理器npm也能夠自動更新一些有名的代碼庫
• 不再用按F5刷新了，只需保存文件瀏覽器自動刷新

 

3.Gulp

• 目錄結構： 
  package.json 裏面是一些依賴經過運行 npm install 這些依賴注入會自動下載到node_modules的目錄裏面； 
  src文件夾存放本身源文件； 
  dist文件夾存放生產的文件，最終的項目文件； 
  gulpfile.js 裏面的命令就是告訴gulp要作什麼； 
  node_modules：存放下載的組件，還能夠經過gulp自動將這裏的文件設置爲源文件，而後壓縮到dist文件夾中。
• gulp命令：參考官方文檔 http://www.gulpjs.com.cn/