gulp.task('aa', function(){
gulp.src('./dist/stylesheets/*.css')
.pipe(md5(10,'./dist/index.html'))
.pipe(gulp.dest('./dist/stylesheets/'));
gulp.src('./dist/javascripts/*.js')
.pipe(md5(10,'./dist/index.html'))
.pipe(gulp.dest('./dist/javascripts/'));
})
gulp.task('all-css',function(){
gulp.src('client/static/css/*.css') //引入文件夹
.pipe(concat('main.css')) //将所有引入的css打包到main.css,因为引入md5戳，所以这里打包名一定要是html中引入过的，否则的话找不到，修改不了html内引入
.pipe(minifyCss()) //压缩CSS
.pipe(md5(10,'client/page/*.html')) //MD5的长度为10，并且自动修改引入增加md5文件的引入地址！！
.pipe(gulp.dest('dist/css')) //输入文件夹
});
gulp.task('img' , ['css'],function() {
gulp.src('./source/img/**/*')
.pipe(md5(10 ,'./output/css/*.css',{
dirLevel : 1
}))
.pipe(gulp.dest('./output/img/'));
});
gulp.task('all-js',function(){
gulp.src('client/static/js/*.js')
.pipe(concat('main.js'))
.pipe(uglify()) //压缩js
.pipe(md5(10,'client/page/*.html'))
.pipe(gulp.dest('dist/js'))
});
gulp.task('md5:css', ['build-css'], function(done) {
gulp.src('dist/css/**/*.css')
.pipe(uglifyCss())
.pipe(md5(MD5LENGTH, 'dist/html/**/*.html'))
.pipe(gulp.dest('dist/css'))
.on('end', done);
});
gulp.task('md5:css', function (done) {
gulp.src('src/css/base.css')
.pipe(md5(10, 'src/__build/*.html'))
.pipe(gulp.dest('src/__build/css'))
.pipe(cssmin())
.pipe(gulp.dest('src/__build/css'))
.on('end', done);
});
gulp.task('md5:js', ['build-js'], function(done) {
gulp.src('dist/js/**/*.js')
.pipe(md5(MD5LENGTH, 'dist/html/**/*.html', {
dirLevel: 2
}))
.pipe(uglifyJs())
.pipe(gulp.dest('dist/js'))
.on('end', done);
});
gulp.task('compress-css', ['compile-less'], function() {
return gulp.src([
'src/styles/app.css',
'src/styles/weui.css',
'src/styles/font-awesome.css'
])
.pipe(cssnano())
.pipe(md5(5,'dist/*.html'))
.pipe(gulp.dest('dist/styles'));
});
gulp.task('md5:img', ['md5:css', 'img', 'html'], function() {
return gulp
.src([
'./output/src/resource/img/**/*.png',
'./output/src/resource/img/**/*.jpg',
'./output/src/resource/img/**/*.webp'
])
.pipe(md5(10, './output/resource/css/**/*.css'))
.pipe(gulp.dest('./output/src/resource/img'));
});
gulp.task('md5:css', ['md5:css:m'], function () {
return gulp
.src([
'./output/src/resource/css/*.css'
])
.pipe(md5(10, [
'./output/main.html',
'./output/login.html',
]))
.pipe(gulp.dest('./output/src/resource/css'));
});
gulp.task('md5:css:m', ['html', 'scss'], function () {
return gulp
.src([
'./output/src/resource/css/*.css',
'./output/src/m/*/*.css'
])
.pipe(md5(10, [
'./output/view/*.html'
]))
.pipe(gulp.dest('./output/src/m'));
});
gulp.task('md5:script', ['script', 'concat-plugin', 'html'], function() {
return gulp
.src([
'./output/src/**/*.js'
])
.pipe(md5(10, [
'./output/main.html',
'./output/login.html',
'./output/view/*.html'
]))
.pipe(gulp.dest('./output/src'));
});
return new Promise(function (resolve, reject) {
gulp.src(path.join(global.PWD, 'resources/**/*'), {base: global.PWD})
.pipe(md5(5, [
path.join(global.RELEASE_DIR, '*.html'),
path.join(global.RELEASE_DIR, 'js/*.js'),
path.join(global.RELEASE_DIR, 'css/*.css'),
]))
.pipe(gulp.dest(global.RELEASE_DIR))
.on('end', ()=> {
resolve();
console.info("publish res success");
})
})
gulp.task('jsTask', function() {
gulp.src(_jsArr) //- 需要处理的js文件，放到一个字符串里
.pipe(sourcemaps.init()) //- map初始化
.pipe(concat(_jsDistName)) //合并js
.pipe(uglify()) //-压缩混淆js
.pipe(sourcemaps.write(path.relative(_jsDistDir, _jsMapsDir), {
sourceMappingURL: function(file) {
return '/' + _jsMapsDir + file.relative + '.map';
}
})) //- maps另存
.pipe(gulp.dest(_jsDistDir)) //- 处理得到的js文件发布到对应目录
.pipe(md5(10, _html)); //处理html引用加入md5去缓存
});
return new Promise((resolve, reject)=> {
gulp.src(global.SASS_ENTRY, {base: global.PWD})
.pipe(sass({
outputStyle: 'compressed'
}))
.on('error', (err)=> {
console.error(err);
reject();
})
.pipe(replace(/(\.\.\/\.\.\/){1}/g, '../'))
.pipe(md5(5, path.join(global.RELEASE_DIR, '*.html')))
.pipe(gulp.dest(global.RELEASE_DIR))
.on('end', ()=> {
console.info("publish css success");
resolve();
})
})
gulp.task('scssTask', function() {
gulp.src(_scssArr) //- 需要处理的scss文件，放到一个数组里
.pipe(sourcemaps.init())
.pipe(sass())
.on('error', sass.logError)
.pipe(concat(_cssDistName)) //合并scss
.pipe(autoprefixer()) //- 添加兼容性前缀
// .pipe(px2rem())
// .pipe(base64({extensions: [/\.(jpg|png)#base64/i]})) //后缀为#base64的小于32k的图片会被转为base64
// .pipe(cssnano()) //-压缩css
.pipe(sourcemaps.write(path.relative(_cssDistDir, _cssMapsDir), {
sourceMappingURL: function(file) {
return '/' + _cssMapsDir + file.relative + '.map';
}
})) //- maps另存
.pipe(gulp.dest(_cssDistDir)) //- 处理得到的css文件发布到对应目录
.pipe(md5(10, _html)); //处理html引用加入md5去缓存
});
gulp.task('md5:css', ['sprite'], function (done) {
gulp.src('dist/css/*.css')
.pipe(md5(10, 'dist/page/*.html'))
.pipe(gulp.dest('dist/css'))
.on('end', done);
});
gulp.task('md5:js', ['build-js'], function (done) {
gulp.src('dist/js/*.js')
.pipe(md5(10, 'dist/page/*.html'))
.pipe(gulp.dest('dist/js'))
.on('end', done);
});
gulp.task( 'md5', function(){
gulp.src( config.md5.src )
.pipe( md5(10, config.md5.html ))
.pipe( gulp.dest( config.md5.dest ));
} );
gulp.task('md5', ['replace'], function (done) {
gulp.src(opts.buildDir+'/js/*.js')
.pipe(md5(10, opts.buildDir+'/**/*.html'))
.pipe(gulp.dest(opts.buildDir+'/js'))
.on('end', done);
});
gulp.task('md5:css', ['sprite'], function (done) {
gulp.src('dist/css/*.css')
.pipe(md5(10, 'views/web-info/'+srcMo+'/*.html'))
.pipe(gulp.dest('views/views/'+srcMo+'/css'))
.on('end', done);
});
gulp.task('all-html',function(){
gulp.src('client/page/*.html')
.pipe(md5(10)) //给html添加md5戳
.pipe(gulp.dest('dist/page'))
});
gulp.task('css',['html'],function(){
return gulp.src("./source/css/*.css")
.pipe(md5(10,'./output/*.html'))
.pipe(gulp.dest("./output/css/"));
})
gulp.task('addmd5', function(done) {
gulp.src('build/*.js')
.pipe(md5(10, './*.html'))
.pipe(gulp.dest('build'))
.on('end', done);
});
gulp.task('compress-js', ['webpack'], function() {
return gulp.src('src/scripts/app.js')
.pipe(uglify())
.pipe(md5(5,'dist/*.html'))
.pipe(gulp.dest('dist/scripts'));
});
gulp.task('webpackTask', ['webpack'], function() {
gulp.src('./dist/js/a/a.bundle.js')
.pipe(md5(10, _html)); //处理html引用加入md5去缓存
});
gulp.task('font:prod', ['img:prod'], function() {
return gulp.src('./app/icomoon/fonts/**', {read: true})
.pipe(md5(6, ['./output/app/**/*.css']))
.pipe(gulp.dest('./output/app/scss/fonts/'));
});
gulp.task('md5:js', ['build-js'], function (done) {
gulp.src('dist/js/*.js')
.pipe(md5(10, 'views/web-info/'+srcMo+'/*.html'))
.pipe(gulp.dest('views/views/'+srcMo+'/js'))
.on('end', done);
});