Gulp：如何设置不同的生产基地

我是一个Gulp新手（也许我的问题是愚蠢的）。

在开发过程中，我使用localhost和root文件夹中的gulp serve ，例如：

HTTP：//本地主机：3000 /

但在生产上，我想移动我的应用程序在一个文件夹，例如：

HTTP：//本地主机：3000 /我的应用程序内/

问题是在index.html中， dev “base href”从：

 <base href="/"> 

到prod ：

 <base href="/my-app/"> 

我可以改变我的基础href有条件的html评论吗？ 例如。：

 <!-- build:dev --> <base href="/"> <!-- endbuild --> <!-- build:prod --> <base href="/my-app/"> <!-- endbuild --> 

任何其他技巧是非常感激！

我发现了这个提示：

 return gulp.src(path.join(conf.paths.tmp, '/serve/*.html')) .pipe(replace('<base href="/">', '<base href="/my-app/">')) 

Answer 1

我自己也有同样的问题。 我写了这个任务：

 import gulp from 'gulp'; import replace from 'gulp-replace'; gulp.task('inject-base-href', function() { return gulp.src('path/to/your/html/file') .pipe(replace('<base href="/">', function(match) { console.log('Replace called on', match); return'<base href="/your-correct-href-path/">' } )) .pipe(gulp.dest('path/to/your/build/folder')); }); 

和

 npm install --save-dev gulp-replace 

并在生产任务中排队。