如何使用Symfony网页包Encore编译多个javascript文件？

我的问题很简单，我有一个f.js文件，其中包含：

function f(x) {
    return x
}

以及调用f（1）的main.js文件，例如在警报中：

alert(f(1))

---

如何在Symfony中配置Webpack Encore以实现这两个文件之间的依赖关系，换句话说，如何在main.js中定义f？

在

Webpack.config.js

文件中，定义要构建的脚本和样式：

.addEntry('script', 'script_to_compile.js')
.addEntry('script2', ...)

这将生成一个

script.js

和

script2.js

现在更常见的是，只需下载一个javascript文件。从脚本中，要包含其他Javascript（和CSS！），请使用webpack模块概念：

例如，“我想使用pickaday库”：

---

（您可以看到，我还可以包括.scss样式）。对于图像，使用

require（'toto.png'）

让webpack知道您希望在构建中使用此图像（然后使用Symfony

asset

Twig函数来使用它）。

了解ES6模块和

导入
/
导出
@SLaks好的，我看看这个。谢谢。好的，我理解导入和导出，但是现在如何从库中导入函数呢？我想从typeahead.bundle.js导入
Bloodhound
，但我得到了这个错误：TypeError:设置getter-only属性“Bloodhound”，它在没有网页的情况下工作。最后，我只添加了var
Bloodhound=require（'./typeahead.bundle'）。
const Pikaday = require('pikaday/pikaday');
require('pikaday/scss/pikaday.scss');

$('.picker-date').each(function()
  {
    const $element = $(this);

    new Pikaday({
        field: $element.find('input')[0]
    });
 ....