gulp安裝

,目前我使用gulp的目的:css壓縮,js壓縮合并

1.nodejs安裝:

在終端輸入node -v回車打印出nodejs的版本號(hào),說明nodejs安裝成功。

在終端輸入npm -v 回車打印出npm的版本號(hào),說明npm也安裝成功。

2.安裝gulp(全局):gulp -v輸出相應(yīng)的版本號(hào),則說明安裝成功。

npm install gulp -g

3.終端切換至目標(biāo)目錄,生成配置文件package.json,方法有三:

a.終端輸入npm init,一路enter,最后生成;

b.復(fù)制之前項(xiàng)目的創(chuàng)建好的package.json;

c.自己手動(dòng)創(chuàng)建

{

? ? ? ?"name": "gulp",

? ? ? ?"version": "1.0.0",

? ? ? ?"description": "",

? ? ? ?"main": "index.js",

? ? ? ?"scripts": {

? ? ? ? ? ? ? ? ? ? ? ? ? ?"test": "echo \"Error: no test specified\" && exit 1"

? ? ? ? ? ? ? ? ? ? ? ?},

? ? ? ? "author": "",

? ? ? ? "license": "ISC"

}

4.本地安裝gulp:

npm install gulp --save-dev

--svae-dev 的作用就是將剛才安裝的模塊寫入package.json中:


5.本地安裝gulp插件:

npm install --save-dev gulp-uglify gulp-concat gulp-minify-css

6.創(chuàng)建gulpfile.js文件;

/*引入gulp*/

var gulp = require('gulp');

gulp.task('任務(wù)名',function(){

? ? ? ? ? ? ? ?要實(shí)現(xiàn)的代碼功能(壓縮,合并...)

});

7.gulp運(yùn)行:終端輸入 gulp

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 前言 眾所周知目前比較火的工具就是gulp和webpack,但webpack和gulp卻有所不同,本人兩者的底層研...
    cduyzh閱讀 1,390評(píng)論 0 13
  • gulpjs是一個(gè)前端構(gòu)建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數(shù),API也非常簡(jiǎn)單,學(xué)...
    依依玖玥閱讀 3,185評(píng)論 7 55
  • 1. sudo npm install -g gulp //以管理員身份全局安裝gulp (執(zhí)行命令行之前確保本地...
    overflow_hidden閱讀 1,125評(píng)論 0 1
  • 以 gulp-less 的使用為例講解gulp的基本安裝使用。如果你想更詳細(xì)的步驟,可以查看我的個(gè)人博客。 安裝n...
    恬雅過客閱讀 6,565評(píng)論 0 1
  • 什么是GULP? GULP 是前端開發(fā)過程中對(duì)代碼進(jìn)行構(gòu)建的工具,是自動(dòng)化項(xiàng)目的構(gòu)建利器;她不僅能 對(duì)...
    碧玉含香閱讀 670評(píng)論 0 0