javascript Tailwind-Elements to work with webpack encore defer attribute false

wnavrhmk  于 2023-09-29  发布在  Java
关注(0)|答案(1)|浏览(103)

我的项目使用Symfony 5.4运行,并使用Webpack Encore Bundle。我加了顺风,没有问题。
当我添加Tailwind-Elements(TE)时,它添加了一些JS,我遇到了以下问题:

  • 当config/packages/webpack_encore.yml defer script属性设置为true时,TE工作
  • 但设置为false时不起作用

我不能将它设置为true,因为如果defer设置为true,其他一些组件(如jQuery)将无法工作。
如有任何帮助,我们将不胜感激!

icnyk63a

icnyk63a1#

终于成功了!
默认情况下,只设置一个js入口点(app.js)。我的解决办法是:

  • 添加另一个js入口点(命名为“defer_true_app.js”)
  • 在这个新的js文件中导入tailwind-elements
  • 在webpack.config.js中添加以下条目:
.addEntry('defer_true_app', './assets/defer_true_app.js')
  • config/packages/webpack_encore.yml defer var仍然设置为false
  • 在我的'base.html. twig'中,我在{% block javascript %}中添加了defer_true入口点,所以它看起来像这样:
{% block javascripts %}
      {{ encore_entry_script_tags('app') }}
      {{ encore_entry_script_tags('defer_true_app', attributes={ defer: true }) }}
  {% endblock %}
npm run build

就是这样!

相关问题