gulp打包及對應requirejs檔案打包

2021-08-30 08:57:09 字數 2229 閱讀 3627

//引入gulp和gulp外掛程式

var gulp = require(『gulp』),

// cssmin = require(『gulp-clean-css』), //壓縮css

runsequence = require(『run-sequence』),

rev = require(『gulp-rev』), //新增版本號

revcollector = require(『gulp-rev-collector』), //新增版本號

clean = require(『gulp-clean』); //清理文目標資料夾

// imagemin = require('gulp-imagemin'),				//壓縮

// cache = require('gulp-cache'), //快取處理

// htmlmin = require('gulp-htmlmin'), //壓縮html

// replace = require('gulp-replace'), //替換路徑

// uglify = require('gulp-uglify'), //壓縮js

// jshint = require('gulp-jshint') ; //js語法檢查

//定義css、js檔案路徑,是本地css,js檔案的路徑,可自行配置

// var cssurl = [『dist//.css』,'dist/.css』],

// imgurl = ['dist//.』,'dist/.』],

// jsurl = [『dist/**/.js』,』!dist/trd/requirejs/.js』,』!dist/…/*.min.js』]

var cssurl = [『dist//.css』,'dist/.css』],

imgurl = ['dist//.』,'dist/.』],

jsurl = [『dist//*.js』,』!dist//*.min.js』];

gulp.task(「clean」,function())

.pipe(clean());

});gulp.task(『copy』, function() );

// gulp.task(「copy」,function());

//img生成檔案hash編碼並生成 rev-manifest.json檔名對照對映

gulp.task(『revimg』, function () );

//css生成檔案hash編碼並生成 rev-manifest.json檔名對照對映

gulp.task(『revcss』, function());

//js生成檔案hash編碼並生成 rev-manifest.json檔名對照對映

gulp.task(『revjs』, function());

//html更換css、js檔案版本

// gulp.task(『revurl』, function() /.json』,'dist/**/.html』,』!dist/**/*._html』]) //- 讀取 rev-manifest.json 檔案以及需要進行css名替換的檔案

// .pipe(revcollector()) //- 執行檔案內css名的替換

// .pipe(gulp.dest(『dist』)); //- 替換後的檔案輸出的目錄

// 'dist/**/.css』])

// //.pipe(revcollector())

// //.pipe(gulp.dest(『dist』));

// 'dist/**/.js』])

// //.pipe(revcollector())

// //.pipe(gulp.dest(『dist』));

//html更換css、js檔案版本

gulp.task(『revhtml』, function () ))

.pipe(gulp.dest(『dist』)); /html更換css、js檔案版本,web-inf/views也是和本地html檔案的路徑一致/

});//更換requirejs引用檔案版本

gulp.task(『revrequirejs』, function () ))

.pipe(gulp.dest(『dist』));

});還有一些node工具包檔案要進行對應修改後續進行上傳

gulp不生成打包檔案 gulp打包詳解

gulp的作用 刪除檔案中冗餘的內容,壓縮檔案,減小檔案體積 實際專案中執行的都是壓縮完成以後的檔案 減小載入響應時間 gulp打包壓縮物件 html,css,js,sass,webserver 音訊,外掛程式等正常情況下都是打包完成的,直接移動到dist檔案中就可以 伺服器食慾gulp一起繫結執行...

gulp不生成打包檔案 gulp打包詳解

gulp的作用 刪除檔案中冗餘的內容,壓縮檔案,減小檔案體積 實際專案中執行的都是壓縮完成以後的檔案 減小載入響應時間 gulp打包壓縮物件 html,css,js,sass,webserver 音訊,外掛程式等正常情況下都是打包完成的,直接移動到dist檔案中就可以 伺服器食慾gulp一起繫結執行...

gulp 移動檔案 gulp打包詳解

gulp的作用 刪除檔案中冗餘的內容,壓縮檔案,減小檔案體積 實際專案中執行的都是壓縮完成以後的檔案 減小載入響應時間 gulp打包壓縮物件 html,css,js,sass,webserver 音訊,外掛程式等正常情況下都是打包完成的,直接移動到dist檔案中就可以 伺服器食慾gulp一起繫結執行...