1.什么是 gulp？
基於node的自動化構建工具
擴展：開發的時候分為2個節點一個是開發階段 另一個是部署階段
開發階段：源文件不會被壓縮
部署階段：所有文件需要壓縮
2.gulp能干什么？
1 自動壓縮JS文件
2 自動壓縮CSS文件
3 自動合並文件
4 自動編譯sass
5 自動壓縮圖片
6 自動刷新瀏覽器
3.怎么安裝gulp？
因為它基於nodeJS，因此需要先安裝node環境
安裝完成后，打開你的命令行窗口
輸入： node -v
檢測一下node是否安裝好了
二分鍾開始
1.使用npm安裝插件命令
：npm install <name> -g 全局安裝 //先全局安裝
：npm install <name> --save-dev：局部安裝 //一會使用
《npm install -g cnpm --registry=https://registry.npm.taobao.org》淘寶鏡像>>cnpm安裝
cnpm -v//裝完查看版本，驗證是否安裝正確
<-- cnpm替換npm快很多 -->
2.初始化文件夾 cnpm init 《npm init -y 如果卡住的話》 作用：初始化一個gulp環境 創建一個package.json文件
4.新建gulpfile文件(重要)
gulpfile.js是gulp項目的配置文件，是位於項目根目錄的普通js文件
gulpfile package node_modules 三個文件一般放在一起
gulpfile.js
const gulp = require("gulp")//引入
gulp.task("script",function(){
gulp.src("src/index.txt")
.pipe(gulp.dest("dist/js"))
})
終端輸入
gulp script
項目里面就OK了
yarn
1.什么是 Yarn？
這里引用中文官網的說明：
Yarn 是一個依賴管理工具。它能夠管理你的代碼，並與全世界的開發者分享代碼。Yarn 是高效、安全和可靠的，你完全可以安心使用。
Yarn 能夠讓你使用其他開發者開發的代碼，讓你更容易的開發軟件。如果你在使用中發現任何問題，歡迎發 issue 或者貢獻代碼，一旦問題被修復，你就可以繼續使用 Yarn 戰斗了。
代碼是通過包（有時也被稱為模塊）進行共享的。 在每一個包中包含了所有需要共享的代碼，另外還定義了一個 package.json 文件，用來描述這個包。
1、安裝 cnpm install yarn -g
2.項目里面 yarn add gulp --dev
和gulp對比的命令
1、安裝 cnpm install yarn -g 2、cnpm install gulp --save === yarn add gulp 3、cnpm install gulp --save-dev === yarn add gulp --dev 4、更新 cnpm update 包名 == yarn update 包名 5、yarn remove 包名 == npm uninstall 包名 刪除包 6、yarn clear 清除緩存 7、yarn install == cnpm install <別人搞你的項目如果里面沒有module 直接下載json中的包> 8、 yarn init -y == cnpm init -y