Вулканизировать и HTML <база>
У меня есть файл (index.html
) в моем app/
папка в проекте. Он содержит <base href="/">
тег, а также некоторые импорт из app/bower_components/
, В рамках процесса распространения я использую Gulp для перемещения кода из app/
в dist/
, а затем запустить vulcanize
на это через polybuild
, index.html
превращает это в dist/
каталог, как это делает bower_components/
, но когда vulcanize получает его, он пытается открыть первый импорт:
<script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
Вместо того чтобы смотреть в dist/bower_components/…
(или просто bower_components/…
относительно dist/index.html
файл), однако, он ищет /.index.html/bower_components/…
, Как я могу остановить его от использования этого и использовать относительный URL, как написано в оригинальном коде? Комментируя <base>
тег решает проблему.
Gulp Task (из Полимерного стартового комплекта):
gulp.task('vulcanize', function () {
return gulp.src('dist/index.html')
.pipe(polybuild({maximumCrush: true}))
.pipe(gulp.dest('dist/'));
});