gpt4 book ai didi

underscore.js - Gulp、html 模板和片段加载

转载 作者:行者123 更新时间:2023-12-04 06:27:38 24 4
gpt4 key购买 nike

当我通过 gulp 任务运行它时,我想在生成的 html 文件的不同位置导入 html 片段。

以下是我的 gulp 任务:

gulp.task('build_html', function () {
gulp.src('resources/index.html')
.pipe(template({ident: '1'}))
.pipe(gulp.dest('frontend'));
});

在 index.html 文件中有很多我想从片段加载的 html,例如引导下拉菜单
 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

我希望能够通过类似的东西加载
<% load("dropdown"); %>

然后它在相对路径中查找下拉文件...

无论如何,我认为应该使用 mixin 功能来完成 http://lodash.com/docs#mixin
但鉴于我正在使用 gulp,我需要一个文件加载器等。

任何人已经这样做了或者有一个他们可以指向我的例子?

最佳答案

看起来已经有一些 gulp 插件可以满足我的大部分需求

https://www.npmjs.org/package/gulp-file-include/



https://www.npmjs.org/package/gulp-file-includer/

所以我不需要制作下划线混合来获得我想要的功能。

但是,如果有人确实想展示我如何使用下划线 mixin 来做到这一点,我想我会将其标记为答案-我想可能可以从 assemble 源中找出答案。

关于underscore.js - Gulp、html 模板和片段加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23708986/

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