javascript - 如何在 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 编译，以便我可以方便地使用与主应用程序分开的设置来编译集成库？

标签： javascriptlaravelwebpacklaravel-mix