Feature request - multiple vendor/manifest files

I have read quite a few “issues” (https://github.com/JeffreyWay/laravel-mix/issues/197 & https://github.com/JeffreyWay/laravel-mix/issues/488) on here and I would like to make a feature request to solve this.

I find it very useful to have multiple entry points / vendor file extractions, for use cases such as backend and frontend assets extraction.

Simple example

// Mix backend resources.
mix.js('resources/assets/backend/js/app.js', 'public/backend/js')
    .extract(['vue', 'vuetify']);

// Mix frontend resources.
mix.js('resources/assets/js/app.js', 'public/js')
    .extract(['jquery', 'bootstrap']);

Currently (with Laravel Mix 1.2.0), the mix-manifest.json file would look like this:

{
    "/backend/js/app.js": "/backend/js/app.js",
    "/js/vendor.js": "/js/vendor.js",
    "/js/app.js": "/js/app.js",
    "/js/manifest.js": "/js/manifest.js",
}

The output should be as follows:

{
    "/backend/js/vendor.js": "/backend/js/vendor.js",
    "/backend/js/app.js": "/backend/js/app.js",
    "/backend/js/manifest.js": "/backend/js/manifest.js",
    "/js/vendor.js": "/js/vendor.js",
    "/js/app.js": "/js/app.js",
    "/js/manifest.js": "/js/manifest.js",
}

I would love to see this included, because in my case I actually even have 3 entry points. Haha

Any ideas?

[VinceG]

@ievgenklymenko Just have two separate webpack.mix.js file.

package.json

    "dev": "NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "server": "npm run dev -- --env.mixfile=server.mix",
    "client": "npm run watch -- --env.mixfile=client.mix",

server.mix.js

let mix = require("laravel-mix");
let distPath = "public/js/server";

mix.react('resources/assets/js/frontend/app-server.js', distPath)
  .webpackConfig({ target: 'node' })
  .disableNotifications()
  .sourceMaps()
  .setPublicPath(distPath)
  .setResourceRoot("/");

if (mix.inProduction()) {
  mix.version();
}

client.mix.js

let mix = require("laravel-mix");
let distPath = "public/js/client";

mix.react('resources/assets/js/frontend/app-client.js', distPath)
  .webpackConfig({ target: 'web' })
  .disableNotifications()
  .sourceMaps()
  .setPublicPath(distPath)
  .setResourceRoot("/");

if (mix.inProduction()) {
  mix.version();
}

[omnichronous]

Here is one way to achieve this right now - https://github.com/omnichronous/multimix