gulp 基本使用

1. 安裝

npm install -g gulp-cli  && npm  install --save-dev gulp

or  with  yarn 

yarn global gulp-cli  && yarn add gulp

2. 使用

基本流程
1. gulp cli  啓動命令行工具
2. 本地gulp 
3. gulpfile 構建的命令文件
4. gulp plugins 進行合併，修改，組裝文件的插件

// 安裝件1

3. 簡單使用

// yarn 方式 npm  方式相似，yarn 更快

yarn init 

//package.json scripts 修改 

"scripts": {
    "run": "node index.js",
    "dev": "node index",
    "test": "gulp test"
  }

yarn add --dev gulp

touch Gulpfile.js

var gulp = require("gulp")
gulp.task("test",()=>{
console.log("this is a demo")
});

// 運行

yarn  run test

4. 效果

 

 

5. 使用sftp 插件發佈

由於咱們的開發都是要部署到服務器的，有好多方式可選，gulp 的sftp 插件就比較方便，直接拷貝到服務器
這樣咱們在作ci/cd 的時候是比較方便的（通常使用jenkins 或者相似的功能須要進行帳戶配置）
能夠使用此工具修改傳統應用部署，發佈的模式（能夠本身進行擴展）

相似的工具備gulp-ssh

//  插件安裝
yarn add --dev gulp-sftp

//  修改Gulpfile.js

var sftp = require('gulp-sftp');
gulp.task('deploy', function () {
    return gulp.src('/*')
        .pipe(sftp({
            host: 'XXXXXX',
            user: 'user',
            pass: 'passsword',
            remotePath:"pathtodeploy"
        }));
});

// 修改package.json scripts

"scripts": {
    "run": "node index.js",
    "dev": "node index",
    "test": "gulp test",
    "deploy":"gulp deploy"
  }

// 運行

yarn  run deploy 

輸出以下：
yarn run v1.3.2
$ gulp deploy
[12:36:57] Using gulpfile ~/appdemo/Gulpfile.js
[12:36:57] Starting 'deploy'...
[12:36:58] Authenticating with password.
[12:36:58] SFTP error or directory exists: Error: Failure /root/deploysite
[12:36:58] gulp-sftp: Uploaded: Gulpfile.js => /root/deploysite/Gulpfile.js
[12:36:58] gulp-sftp: Uploaded: index.js => /root/deploysite/index.js
[12:36:58] gulp-sftp: Uploaded: package.json => /root/deploysite/package.json
[12:36:58] gulp-sftp: Uploaded: yarn.lock => /root/deploysite/yarn.lock
[12:36:58] SFTP error or directory exists: Error: Failure /root/deploysite/node_modules
[12:36:58] SFTP error or directory exists: Error: Failure /root/deploysite/node_modules/ansi-regex
[12:36:58] gulp-sftp: Uploaded: node_modules/ansi-regex/index.js => /root/deploysite/node_modules/an
..............

6. 參考資料

https://www.npmjs.com/package/gulp-ssh
https://www.npmjs.com/package/gulp-sftp
http://www.gulpjs.com.cn/docs/getting-started/