Symfony 4.4 Webpack Encore：标签不会出现

如何解决Symfony 4.4 Webpack Encore：标签不会出现

我正在将Symfony 3.x项目迁移到4.4。目前，我正在将Twig模板及其资产迁移到Flex（已完成）和Webpack Encore（在此过程中）。

如Webpack Encore documentation中所述，我用assert()和encore_entry_script_tags()替换了对encore_entry_link_tags()的所有调用，在webpack.config.js上添加了入口点以将所有资产分组在Webpack中一起存储，就像之前在Twig文件中进行分组一样。

我设法使它适用于登录页面。有两个入口点app和login带有一个JavaScript文件，每个入口均导入所有必需的SCSS和JavaScripts文件。 app用于通用layout.html.twig，而login用于登录页面的特定login.html.twig。 login.html.twig包含layout.html.twig，因此这两个资产都包含在HTML输出中。

现在，我想迁移由多个Twig模板放在一起的第二个页面。与登录页面一样，我将所有要求作为导入导入到新的JavaScript文件中，在webpack.config.js中为它们创建了入口点，并将这些入口点应用于相应的Twig模板中。这也可以正常工作：在HTML数据中生成了script和style标签。

奇怪的是，尽管第二页的Twig模板包含layout.html.twig，就像登录页一样，app入口点也没有出现在HTML输出中。我在encore_entry_*_tags中的layout.html.twig周围加上了HTML注释，以确保处理了Twig块。出现注释，但没有实际的script和style标签。首先，我认为我以某种方式搞砸了它，所以我退出了，以检查登录页面是否正常工作。确实如此，相应的标记会出现在HTML输出中。

我还尝试了一遍又一遍地重建资产（yarn encore dev；没有错误），但是丢失的标签不会出现在第二页中。

登录页面HTML源摘录：

<!-- banana: styles@app -->
<link rel="stylesheet" href="/build/vendors~app.css"><link rel="stylesheet" href="/build/app.css">
<!-- /banana: styles@app -->

[...]

<!-- banana: scripts@app -->
<script src="/build/runtime.js"></script>[... imported dependencies ...]<script src="/build/vendors~app.js"></script><script src="/build/app.js"></script>
<!-- /banana: scripts@app -->

<!-- banana: scripts@login -->
[... imported dependencies ...]<script src="/build/login.js"></script>
<!-- /banana: scripts@login -->

第二页HTML源摘录：

<!-- banana: styles@app -->

<!-- /banana: styles@app -->

<!-- banana: styles@leaflet -->
<link rel="stylesheet" href="/build/leaflet.css">
<!-- /banana: styles@leaflet -->

<!-- banana: [e-mail] -->
<link rel="stylesheet" href="another.entrypoint.css">
<!-- /banana: [e-mail] -->

[...]

<!-- banana: scripts@app -->

<!-- /banana: scripts@app -->

<!-- banana: scripts@leaflet -->
[... imported dependencies ...]<script src="/build/leaflet.js"></script>
<!-- /banana: scripts@leaflet -->

<!-- banana: [e-mail] -->
<script src="/build/another.entrypoint.js"></script>
<!-- /banana: [e-mail] -->

我仔细检查了documentation，因为起初我以为encore_entry_*_tags可能会互相覆盖，但是：

现在，结帐页面将包含该应用程序条目的所有JavaScript和CSS（因为它包含在base.html.twig中，并且有{{parent（）}}调用）和您的结帐条目。

这正是第二页不会发生的情况。

有什么想法吗？

解决方法

因此，显然assert()和encore_entry_*_tags()的行为似乎是不同的。就我而言，此问题是由另一个包含layout.html.twig的模板引起的。尽管该模板是有条件使用的，但它恰好是先前渲染的（因此在我的示例中未使用）。

This answer的类似问题帮助我走上了正确的道路。似乎Webpack Encore不会两次输出script和style标签（在正常情况下，这是绝对合理的）。因此，我现在的任务是重写代码，以便仅在实际使用其他模板时才呈现它们-在这种情况下，可以“窃取”标签。