gulp 패키지 및 대응 Requirejs 파일 패키지

//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'),//버전 추가문서 대상 폴더 정리

// 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 = ['distt///.css','distt/.css'],//imgUrl = ['distt///. {png, jpg, gif, ico}','distt///////////.css','distt///.css','distt/////.css']',//'sssss, js 파일 경로를 자체 구성 가능하고///////////////////////var css csssssssssssssssssssUr는 자체로 설정할 수 있으며//js']
var cssUrl = [‘dist//.css’,'dist/.css’], imgUrl = ['dist//.{png,jpg,gif,ico}’,'dist/.{png,jpg,gif,ico}’], jsUrl = [‘dist//*.js’,’!dist//*.min.js’];
gulp.task(“clean”,function(){ return gulp.src(‘dist/*’,{read:false}) .pipe(clean()); });
gulp.task(‘copy’, function() { return gulp.src(‘df/**/’) .pipe(gulp.dest(‘dist’)) });//gulp.task(“copy”,function(){//return gulp.src('df/’)//.pipe(gulp.dest(‘dist’));//});
//img 파일hash 인코딩을 생성하고rev-manifest를 생성합니다.json 파일 이름 대조 맵gulp.task('revImg', function() {return gulp.src(imgUrl)/.pipe(cache(imagemin()))))//수정되지 않은 그림은 캐시 파일에서 직접 읽습니다. pipe(rev().pipe(rev.manifest()))//- rev-manifest. json.pipe('rev/img')를 생성합니다.
//CSS는 파일hash 인코딩을 생성하고 rev-manifest를 생성합니다.json 파일 이름 대조 맵gulp.task(‘revCss’, function(){ return gulp.src(cssUrl)//.pipe(cssmin()) .pipe(rev()) .pipe(rev.manifest()) .pipe(gulp.dest(‘rev/css’)); });
//js 파일hash 인코딩을 생성하고rev-manifest를 생성합니다.json 파일 이름 대조 맵gulp.task('revJs',function() {return gulp.src(jsUrl)/.pipe(jshint())//.pipe(uglify().pipe(rev().pipe(rev.manifest()))//-rev-manifest.json.pipe(gulp.dest('rev/js') 생성)));//Html 교체 css, js 파일 버전//gulp.task('revUrl', function() {//gulp.src(['rev/{css,img,js}/.json','dist/**/.html','!dist/**/*. html'])//-rev-manifest 읽기.json 파일 및 css 이름 교체가 필요한 파일/.pipe(revCollector({//replace Reved:true//이 문장을 꼭 붙여야 합니다. 그렇지 않으면 이전 값//}을 바꾸지 않습니다)//- 실행 파일 내 css 이름의 바꾸기/.pipe(gulp.dest(‘dist’));//- 대체 파일 출력 디렉토리
////gulp.src([‘rev/{css,img,js}/.json’, 'dist/**/.css’]) ////.pipe(revCollector({replaceReved:true}))////.pipe(gulp.dest(‘dist’));
////gulp.src([‘rev/js/.json’,'dist/**/.js’]) ////.pipe(revCollector({replaceReved:true}))////.pipe(gulp.dest(‘dist’));
//});
//Html 교체 css, js 파일 버전 gulp.task('revHtml', function() {return gulp.src(['rev//*.json','dist///*.html')]/WEB-INF/views는 로컬 html 파일의 경로로/.pipe(revCollector({replace Reved:true})를 스스로 설정할 수 있습니다.pipe(gulp.dest(‘dist’));/css, js 파일 버전을 바꾸면 WEB-INF/views도 로컬 html 파일의 경로와 일치/}합니다.
//RequireJs 참조 파일 버전 gulp를 교체합니다.task(‘revRequireJs’, function () { return gulp.src([‘rev/js/.json’,'dist/**/.js’]) .pipe(revCollector({replaceReved:true})) .pipe(gulp.dest(‘dist’)); }); 그리고 일부 node 패키지 파일은 수정된 다음에 업로드해야 합니다