我可以使用gulp将一个文件中的内容插入另一个文件吗

Can I use gulp to insert content from a file into another file?

本文关键字：文件 另一个 插入 一个 gulp 可以使 我可以      更新时间：2023-09-26

我有一个index.html和一个header.html。我想做的是有一个gullow任务，从header.html中提取文本并将其插入到index.html中。例如：

header.html

abcdef
ghijkl

index.html插入之前

line1
line2
<!-- header:start -->
...
...
...
<!-- header:end -->
line3

index.html插入后

line1
line2
<!-- header:start -->
abcdef
ghijkl
<!-- header:end -->
line3
line4

有人能帮我，给我一些建议吗？

你的追求肯定是可以实现的。最快、最简单的可能是使用一个众所周知的诱人解决方案，比如https://www.npmjs.com/package/gulp-mustache&http://mustache.github.io/mustache.5.html

看起来有点像

src/routes/index.html

<html>
{{> ../partials/head.html }}
</html>

src/partials/head.html

<head>
  <link .... />
  <somethingelse>
</head>

gull文件

gulp.src("./src/routes/*.html")
    .pipe(mustache()).pipe(gulp.dest("./dist"));

应该有望产生

dist/index.html

<html>
  <head>
    <link .... />
    <somethingelse>
  </head>
</html>

虽然我还没有尝试过这些片段，但我认为它应该传达出这样的想法：）

与纯JS&gulp也是可能的，它可能需要一个自定义的流处理器和某种搜索替换等，但除非你有理由不使用外部依赖项，否则我建议你使用诱人的库方法，因为你将安装获得更多的功能（循环等）

相关文章：