如何在Symfony 6中使用来自外部文件的javascript函数

Question

我尝试在twitch模板中使用外部js文件中的函数。。。但不起作用(

/assets/app_dedepartments.js

export function test(m) { console.log(m); }

webpack.config.js

....
.addEntry('app_departments', './assets/app_departments.js')
...

test.twig.html

{% extends 'base.html.twig' %}
{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('app_departments') }}
{% endblock %}
{% block body %}
<script>
test('passed');
</script>
{% endblock %}

浏览器控制台：

ReferenceError：找不到变量：测试

Answer 1

您可以像这样使用

{% extends 'base.html.twig' %}
{% block body %}
{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('app_departments') }}
<script>
test('passed');
</script>
{% endblock %}    
{% endblock %}