Gulp到版本文件名并替换链接

时间:2017-06-14 10:03:03

标签: gulp vulcanize

对于任何不以/static开头的网址,我都会提供此index.html

<!doctype html>
<html lang="en-GB">
<head>
    <meta charset="utf-8">
    <title>Title</title>
    <link rel="import" href="/app.html">
</head>
...
</html>

注意: /中的/app.html,以确保它始终从根目录app.html投放。

我希望通过app.html运行gulp / vulcanize:

  • 创建一个位于/static/<version-or-timestampp-or-hash-here>/app.html
  • 的包
  • index.html中的导入更改为指向上面生成的包

我目前有以下gulp文件可以进行硫化,但它不会进行版本控制或更改index.html链接:

var gulp = require('gulp');
var vulcanize = require('gulp-vulcanize');

gulp.task('vulcanize', function() {
    return gulp.src(['app.html'])
        .pipe(vulcanize({
            stripComments: true,
            inlineScripts: true,
            inlineCss: true
        }))
        .pipe(gulp.dest('static'));
});

gulp.task('default', ['vulcanize']);

我如何实现上述两点?

0 个答案:

没有答案