如何在Webpack Encore中按页面包含或排除js文件？

问题描述

这是场景：

我有一个Symfony应用程序，并使用Webpack Encore并启用了React。 Webpack Encore的作用是将所有JavaScript文件捆绑到一个名为app.js的文件中，并且此文件包含在基本模板中。

这一切都很好，我已经将React组件以及普通的JS文件捆绑在app.js中，并且可以正常工作。

问题出在这里：

让我们以react组件为例，例如，在HTML中，该组件将放置在ID为“ root”的div中。 在带有div和“根”的页面中工作正常。但是，当我在另一个页面上，没有div的ID应该是组件根目录的{root} ID时，控制台会抛出Target container is not a DOM element.错误，基本上是说无法找到组件要查找的div且ID为root。

问题：

我如何选择在Webpack Encore中每页包含/排除js文件？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）