Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用把手模板获取文件路径?_Javascript_Webpack_Handlebars.js - Fatal编程技术网

Javascript 如何使用把手模板获取文件路径?

Javascript 如何使用把手模板获取文件路径?,javascript,webpack,handlebars.js,Javascript,Webpack,Handlebars.js,我正在使用网页包和把手模板: index.html {{> head.html}} head.html <link rel="stylesheet" href="./style.css" /> <title>...</title> 两个文件导入相同的head.html。但是,来自docs文件夹的样式表将在控制台中出错,因为没有加载样式表。我可以通过向其传递另一个变量来解决此问题,例如: {{> head.

我正在使用网页包和把手模板:

index.html

{{> head.html}}
head.html

<link rel="stylesheet" href="./style.css" />
<title>...</title>
两个文件导入相同的
head.html
。但是,来自docs文件夹的样式表将在控制台中出错,因为没有加载样式表。我可以通过向其传递另一个变量来解决此问题,例如:

{{> head.html webRoot="."}}

并将
head.html
更改为:

<link rel="stylesheet" href="{{webRoot}}/style.css" />
<title>...</title>

...

然而,我希望车把有一些内置变量。有吗?

没有,车把是一个模板引擎,而不是一个网站建设者。它不知道您站点的文件structure@blex,我第一次在(请参见@webRoot)中看到此功能,它非常有用。真糟糕,车把没有这个!嗯,Gulp和车把并没有真正的可比性,它们做的不是同一件事。您不能期望模板引擎(其目标是呈现模板,而不是站点)知道您将如何处理该呈现(构建具有特定结构的站点)。但是,在渲染模板时,没有什么可以阻止您向模板提供
webRoot
变量。你提到过使用网页包。如何呈现每个页面?我使用此插件:。因此,理想情况下,它必须知道我有一个输出文件夹,并且可以检查生成的文件是否在该文件夹或其任何子文件夹中。好的,我不确定你能用这个插件做到这一点。也许你应该提出一个问题,询问他们是否可以使用他们的插件,或者他们是否可以实现它。你可能会得到更多勒克诺,车把是一个模板引擎,而不是一个网站建设者。它不知道您站点的文件structure@blex,我第一次在(请参见@webRoot)中看到此功能,它非常有用。真糟糕,车把没有这个!嗯,Gulp和车把并没有真正的可比性,它们做的不是同一件事。您不能期望模板引擎(其目标是呈现模板,而不是站点)知道您将如何处理该呈现(构建具有特定结构的站点)。但是,在渲染模板时,没有什么可以阻止您向模板提供
webRoot
变量。你提到过使用网页包。如何呈现每个页面?我使用此插件:。因此,理想情况下,它必须知道我有一个输出文件夹,并且可以检查生成的文件是否在该文件夹或其任何子文件夹中。好的,我不确定你能用这个插件做到这一点。也许你应该提出一个问题,询问他们是否可以使用他们的插件,或者他们是否可以实现它。你可能会更走运
{{> head.html webRoot=".."}}
<link rel="stylesheet" href="{{webRoot}}/style.css" />
<title>...</title>