建立了乙個 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...