配置gulpfile，添加task任務

需求：在本地靜態環境下，寫好css後，須要同步至生產壞境，每次都須要複製，比較麻煩，有時候還會出現忘了的狀況。

基於css本就用gulp進行壓縮和實時編譯，因此直接把同步的功能寫在gulpfile中。

步驟以下：

一、在bin目錄下新建cpcss文件，不帶任何後綴名，可用git touch 新建

#!/bin/sh

cp /d/mycode/all.css /d/prd/mycode/all.css

cp -R /d/mycode/img  /d/prd/mycode

cp -R /d/mycode/css /d/prd/mycode 

echo "cpcss finished"

前一個路徑爲靜態目錄路徑，後一個爲須要同步到的生產環境的目錄路徑

二、配置gulpfile.js

 

var through = require('through2');
const execFile = require('child_process').execFile; var cpcss = function(){ execFile('sh', ['~/bin/cpcss'], function(error, stdout, stderr){ if (error) { throw error; } console.log(stdout); }); }; gulp.task('cpcss', function(){ cpcss(); });

gulp.task('replace-less', function(){ 

.........

return gulp.src(toMockupPath)
......
.pipe(through.obj( function (chunk, enc, cb ) { //pipe()配置
cpcss();
cb();
}));
});

運行gulp run，便可檢測是否配置成功，成功會打印出"cpcss finished"