如何在 Laravel Mix 中使用每个文件的不同编译设置来编译多个 JavaScript 文件

Question

我有一个应用程序，它为应用程序 API 提供可下载的 JavaScript 集成脚本。我希望能够使用与主应用程序前端不同的设置来编译此集成文件。

webpack.mix.js

// Compile js integration
mix.js('resources/js/integrations/FilterIntegration', 'integrations/filter.js');

// Compile the main application
mix.js('resources/js/layout/Root.js', 'public/js/app.js')
    .sass('resources/sass/app.scss', 'public/css')
    .extract(['react', 'react-router-dom', 'lodash']);

我的问题是，此设置实际上将所有以下链接命令应用于每个已编译的文件。这意味着我编译的集成文件还必须使用通过extract命令为主应用程序创建的vendor.js和manifest.js文件，并且它还包含一个sass导入语句，尽管显然集成与样式无关，因为它只是一个 JavaScript 库。

所以我的问题如下：如何设置 Laravel Mix 编译，以便我可以方便地使用与主应用程序分开的设置来编译集成库？