首页 > 代码库 > gulp 的replace
gulp 的replace
在实际项目中,往往都是有后台测试地址和后台正式地址的,接下来写一个对html操作的小demo
var gulp = require(‘gulp‘); var replace = require(‘gulp-replace‘); var htmlmin = require(‘gulp-htmlmin‘); var browserSync = require(‘browser-sync‘); var minicss = require(‘gulp-minify-css‘); var gulpSequence = require(‘gulp-sequence‘); gulp.task(‘html‘,function(){ gulp.src(‘src/index.html‘) .pipe(browserSync.reload({stream:true})); //实时监听 }); gulp.task(‘css‘,function(){ gulp.src(‘src/css.css‘) .pipe(browserSync.reload({stream:true})); //实时监听 }); /*=================执行serve后自动刷新页面======================*/ gulp.task(‘serve‘,[‘html‘,‘css‘],function(){ browserSync.init({ server: ‘src‘ }); gulp.watch(‘src/index.html‘,[‘html‘]); gulp.watch(‘src/css.css‘,[‘css‘]); }); /*=====================打包、修改地址==========================*/ gulp.task(‘replace‘,function(){ gulp.src(‘src/index.html‘) .pipe(replace(‘www.firsttest.com‘,‘www.tihuan.com‘)) //替换地址 .pipe(htmlmin({collapseWhitespace: true})) .pipe(gulp.dest(‘dist‘)) }); gulp.task(‘remove‘,function(){ gulp.src(‘src/css.css‘) .pipe(minicss()) .pipe(gulp.dest(‘dist‘)) }); gulp.task(‘build‘, gulpSequence([‘replace‘,‘remove‘]));
项目结构如下
正常创建的index.html
执行gulp后dist的index.html
gulp 的replace
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。