0

私はgulp-injectを使用して、いくつかのcssおよびjsファイルをに挿入していdist/index.htmlますdist/css/*.cssdist/js/*.js

gulp.task('prep-index', function () {
  var target = gulp.src('./dist/index.html');
  var sources = gulp.src(['./dist/js/*.js', './dist/css/*.css'], {read: false}, {relative: true});

  return target.pipe(inject(sources))
    .pipe(gulp.dest('./dist/'));
});

現在、プロジェクトのベースURLからファイルを挿入していますが、ターゲットファイルからの相対ファイルリンクを挿入したいです。dist/index.html

から/dist/css/*.cssまでcss/*.css

と/dist/js/*.jsからjs/*.js

しかし、その生成は次のようになります。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Directi Task</title>
    <!-- inject:css -->
    <link rel="stylesheet" href="/dist/css/basscss.min.css">
    <link rel="stylesheet" href="/dist/css/style.css">
    <!-- endinject -->
  </head>
  <body>
    <!-- inject:js -->
    <script src="/dist/js/jquery.min.js"></script>
    <script src="/dist/js/script.min.js"></script>
    <!-- endinject -->
  </body>
</html>

これに関するヒントはありますか？

4

1 に答える 1