這邊將工作中使用的npm以及gulp的一些方法做了整理,方便以后查閱,至少不用去麻煩度娘了~
A.npm的使用：
1.在你所需要的文件夾里面初始化npm--> npm init -y --->會生成一個package.json文件
2.根據需要下載相應的文件--> npm install jquery --save 或者 npm install jquery --save-dev --->這兩種做法都會在package.json文件里面生成一個當前文件的版本號，並且該指令還會生成一個node_modules文件夾，下載的文件放在文件夾中
B.gulp的使用：
1.將上述A中生成的package.json文件拷貝到當前文件夾下面，為的是下載package.json里面的文件
2.安裝gulp，通過npm來安裝 ---> npm install gulp-cli -g --->(g指的是全局的)
3.在當前項目中安裝gulp ---> npm install gulp --save
4.在當前項目中新建一個文件 ---> gulpfile.js --->在這個文件里面寫gulp指令
此時就可以使用了，在使用之間先將gulp里面的一些方法列舉出來：1--> gulp.task("任務名稱",function(){}); -->使用時: 在git里面敲上：gulp 任務名稱
2--> gulp.src(['文件路徑1','文件路徑2']); -->當有多個路徑時要用數組的形式傳遞參數
3--> gulp.dest('文件路徑'); -->指定最終處理之后的文件的存放路徑
4--> gulp.watch(); -->自動監視文件的變化，然后執行相應的任務
5.在執行前要下載相應的文件：1-- 對多個文件進行合並 -->npm install gulp-concat --save
2-- 對js文件進行壓縮 -->npm install gulp-uglify --save
3-- 對css文件進行壓縮 -->npm install gulp-cssnano --save
4-- 對html文件進行壓縮 -->npm install gulp-htmlmin --save
6.舉個栗子：
在該文件夾下有個js文件夾，里面有a.js 和 b.js，現在要將這兩個合並且壓縮到test文件夾下面的js文件夾中,即js/a.js,b.js ----> test/js/test.js
過程：
在git里面的操作：
npm install gulp-concat --save
npm install gulp-uglify --save
在gulpfile.js里面的操作：
var concat = require('gulp-concat')
var uglify = require('guulp-uglify')
gulp.task('script',function(){
gulp.src(['./js/a.js','./js/b.js'])-->合並之前的文件名稱
.pipe(concat('test.js'))-->這邊是合並之后的文件名稱
.pipe(uglify())
.pipe(gulp.dest('test/js'))
})
在git里面的操作：
gulp script -->相當於執行上面的操作
下圖相當於它的一個執行過程的比喻