gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 07:09:19 25 4
gpt4 key购买 nike

我有一个index.html和一个header.html。我想做的是有一个 gulp 任务,从 header.html 中获取文本并将其插入到 index.html 中。例如:

标题.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>

gulp 文件

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

应该会产生

dist/index.html

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

虽然我没有确切地尝试过这些片段,但我认为它应该传达想法:)

使用纯 JS 和 gulp 来做也是可能的,它可能需要一个自定义流处理器和某种搜索替换等。但除非你有理由不使用外部依赖项,否则我建议使用诱人的库方法,如下所示您将安装获得更多功能(循环等)

关于javascript - 我可以使用 gulp 将一个文件中的内容插入到另一个文件中吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36678643/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com