# gulp ## 1。介紹 中文官網：[https://www.gulpjs.com.cn/](https://www.gulpjs.com.cn/) [Gulp](https://link.juejin.im/?target=https%3A%2F%2Fwww.gulpjs.com.cn)?是一個**基于流**的自動化構建工具。除了可以**管理任務和執行任務，還支持監聽文件、讀寫文件**。 Gulp 被設計的非常簡單，只通過下面5個方法就可以支持幾乎所有構建場景： * 通過 gulp.task 注冊一個任務； * 通過 gulp.src 讀取文件； * 通過 gulp.dest 寫入文件。 * 通過 gulp.watch 監聽文件變化； * 通過 gulp.run 執行任務；** ## 2。安裝gulp  ### 2。1手動創建相關文件  node\_modules目錄 ： 是項目**開發時**依賴的庫，比如：less編譯插件, js 和并插件等（不用打包到項目）node環境依賴 **src目錄** ： 是源代碼存放目錄，編寫代碼，編寫好之后需要編譯 **gulpfile.js** ： gulp的配置文件，就是讓咱們的src目錄的源代碼按照我們的意愿 去執行。 在gulpfile.js中寫入以下代碼： ``` var gulp = require('gulp'); // 在node_modules下找到gulp包，尋找它里面的index.js //gulp對'myhtml'這個任務進行后面函數里面內容的處理 gulp.task('myhtml',function(){ //'myhtml' 是任務名 // 對這個'src/index.html'文件進行編譯輸出到目的地build文件夾(和dist)下 gulp.src('src/index.html') .pipe(gulp.dest('build')) /*測試使用*/ .pipe(gulp.dest('dist')) /*用戶訪問*/ }); ``` 之后在項目目錄下命令行窗口中執行 **gulp myhtml **就能生成build和dist兩個目錄，里面是編譯生成好的index.html