gulp 同步專案,可傳參

2021-08-26 12:25:20 字數 972 閱讀 7742

建立了乙個 game 資料夾,進到game裡,執行 npm init

完成後就會多出乙個配置檔案

然後全域性安裝 gulp:npm install gulp -g   (安裝過的就不需要這一步了)

全域性安裝完後,我們區域性安裝gulp。使用 npm install gulp

安裝完可以將gulp加入環境變數,到node根目錄下的 lib/node_modules/ 裡,有多出了乙個gulp,將 gulp/bin/gulp.js 新增到環境變數

ln -s /opt/node-v8.10.0-linux-x64/lib/node_modules/gulp/bin/gulp.js /usr/local/bin/gulp

之後開始建立gulpfile.js檔案,vim gulpfile.js

var gulp = require('gulp');gulp.task('hello', function() );

hello測試,儲存後執行gulp hello,出現下面的結果便是成功了

本專案需要進行傳參,所以需要再裝個 minimist 外掛程式,執行 npm install minimist

修改gulpfile.js內容

var gulp = require('gulp');var minimist = require('minimist');

var knownoptions = //設定預設為'project'

};

var options = minimist(process.argv.slice(2),knownoptions);

gulp.task('project', function() );

gulp構建專案

1.建立project資料夾,手動初始化專案,使用npm管理工具 npm init yes2.根據package.json中的依賴包來進行專案的開發 cnpm install 此處使用的是 映象 安裝所有的依賴包3.首先確保你全域性安裝了gulp,當然專案中也安裝了gulp gulp init 此處...

gulp專案構建小結

告別了jquery,現在想分享下我們專案構建所使用的技術。1 es6 2 browserify 3 babelify 4 gulp 5 concat 6 browser sync 1 使用es6的模組管理 同時可以使用es6的語法糖了!2 使用browserify進行模組打包 3 babelify結...

使用gulp構建專案

專案目錄如下 test src lib jquery.min.js component button.js selector.js less button.less selector.less dist gulpfile.js package.json package lock.jsongulpfi...