过了一会儿，我确实找到了一种方法，为此你可以使用“gulp-file-include”：
1.安装软件包：
npm i gulp-file-include 2.将其导入gulp配置文件（在我的例子中是gulpfile.js文件）
const include = require('gulp-file-include');
1.生成html时使用它：
function html() {
return src([sourceFolder + '/html/**.html', sourceFolder + '/html/*.htaccess'])
.pipe(include())
...
}
1.假设有一个按钮的模板，并且您希望动态地将文本传递到那里，为此您使用@@声明一个变量，该变量的值可以通过父变量进行更改：

按钮.html：

<button class="btn">@@content</button>

1.现在，要在另一个文件中使用按钮组件并更改其文本，您需要在导入时传递第二个参数：

索引.html：

<div>
  @@include('button.html', { "content" : "Send"})
<div>

• 在第一个参数中指定组件的正确路径非常重要 *

准备好了！现在你有了动态变化的按钮文本，为了更详细的研究，这里是一个link与一个库和文档