gulphtml模板_Html_Templates_Gulp_Gulp Plugin

gulphtml模板

html templates gulp

gulphtml模板,html,templates,gulp,gulp-plugin,Html,Templates,Gulp,Gulp Plugin,有人知道有什么“gulp”插件可以将扩展名为.html的不同文件编译（捆绑）成一个文件吗？或者更接近我想要的实现前。输出将是这些文件中的html。其中，这些文件（头，…）中的每一个都有需要的东西另外，有人能列出他们的链接吗？非常感谢。您可以使用。从github的自述文件：为了注入文件内容，您必须提供自定义转换函数，该函数将以字符串形式返回文件内容。在本例中，还必须省略gulp.src的{read:false}选项。下面的示例显示了如何将html片段的内容注入index.html的头

有人知道有什么“gulp”插件可以将扩展名为.html的不同文件编译（捆绑）成一个文件吗？或者更接近我想要的实现

前。输出将是这些文件中的html。其中，这些文件（头，…）中的每一个都有需要的东西

另外，有人能列出他们的链接吗？非常感谢。

您可以使用。从github的自述文件：

为了注入文件内容，您必须提供自定义转换函数，该函数将以字符串形式返回文件内容。在本例中，还必须省略gulp.src的{read:false}选项。下面的示例显示了如何将html片段的内容注入index.html的头部：

<!DOCTYPE html>
<html>
<head>
  <title>My index</title>
  <!-- inject:head:html -->
  <!-- contents of html partials will be injected here -->
  <!-- endinject -->
</head>
<body>
</body>
</html>

gulp.src（'./src/index.html'）
.pipe（注入（gulp.src（['./src/partials/head/*.html']）{
开始标记：“”，
转换：函数（文件路径、文件）{
//以字符串形式返回文件内容
返回file.contents.toString（'utf8'）
}
}))
.管道（大口目的地（'./目的地'）；

在您的./src/index.html中：

<!DOCTYPE html>
<html>
<head>
  <title>My index</title>
  <!-- inject:head:html -->
  <!-- contents of html partials will be injected here -->
  <!-- endinject -->
</head>
<body>
</body>
</html>


我的索引

一个更好的可能是

在gulp文件中：

gulp.task('inject-files',function(){
 // begin injection 
  gulp.src('foo.html')
    .pipe(injectfiles('foo.html','parts'))
    .pipe(gulp.dest('temp'));

});

在index.html文件中：

<!DOCTYPE html>
<html>
<head>
  <title>My index</title>
  <!-- inject:head-->
  <!-- inject:footer-->
</head>
<body>
</body>
</html>


我的索引

如果这是电子邮件模板，我也可以推荐。它们很容易使用，而且在outlook中也不会经常中断

我明白了，所以有人创建了这样的工具，谢谢。我很感激你的回答，但是语法有点奇怪。你还知道什么吗？使用单行语法？类似（比如php）

gulp.task('inject-files',function(){
 // begin injection 
  gulp.src('foo.html')
    .pipe(injectfiles('foo.html','parts'))
    .pipe(gulp.dest('temp'));

});

<!DOCTYPE html>
<html>
<head>
  <title>My index</title>
  <!-- inject:head-->
  <!-- inject:footer-->
</head>
<body>
</body>
</html>