在嵌入式JS中可访问的Twig变量，但在引用外部JS时则不行

Question

我对Twig很新，所以这可能是基本的，但我不明白为什么这不起作用。

例如在我的twig模板中，我将我的JS放在我的html

之后

console.log('{{ vars.url' }});

这将按照我的预期打印网址。

但是，如果我将该确切的行放在自己的文件中，而是将其引用为

<script src="js/weather-utilities.js"></script>

我希望它也可以访问树枝变量，但它没有。

任何人都能告诉我这里我不理解的事情吗？