,目前我使用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