Laravel-mix, возможно ли использовать 2-е переменных mix в одном файле webpack.mix.js?

Question

[Bodrosh]

Здравствуйте в файле webpack.mix.js задается сборка проекта на Vue

const mix = require('laravel-mix');
mix.webpackConfig(webpack => {...})
mix.js('resources/js/app.js', 'public/js').vue()

Возможно ли здесь же (ниже, в текущем файле) задать доп. параметры и уже с ними сформировать app2.js, хотелось бы, чтобы работало так:

const mix_2 = mix
mix_2.options({
    vue: {
       customElement: true
     }
})
mix_2.js('resources/js/app2.js', 'public/js').vue()

При текущем варианте options применяются и к 1-му приложению, а в 1-м они не нужны( Спасибо.

Answer 1

[Сергей delphinpro]

Сделайте два отдельных конфига и две команды билда в package.json

webpack.mix.site.js
webpack.mix.dashboard.js

Собирайте их в разные папки, иначе манифесты перезатрутся
mix.setResourceRoot('/static/frontend');
mix.setResourceRoot('/static/dashboard');
и подключайте с уточнением директории

<link href="{{ mix('css/main.css', 'static/frontend') }}" rel="stylesheet">

--------

Можно еще попробовать два раза импортировать mix, но я не знаю, как поведет себя сборка

const mix = require('laravel-mix');
const mix2 = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js').vue()
mix2.options({
    vue: {       customElement: true     }
})
mix2.js('resources/js/app2.js', 'public/js').vue()

Скорее всего будет создано два манифеста, и второй перепишет первый.

Comments

[Bodrosh]

Спасибо, 2-й способ пробовал, не работает.
Может подскажете, как сделать "две команды билда в package.json"?
Нужно переписать "watch": "mix watch", "prod": "npm run production" в нем? (не разберусь, как ему новые имена, напр. webpack.mix.site подкинуть)
package.json:

"scripts": {
        "dev": "npm run development",
        "development": "mix",
        "watch": "mix watch",
        "watch-poll": "mix watch -- --watch-options-poll=1000",
        "hot": "mix watch --hot",
        "prod": "npm run production",
        "production": "mix --production"
    },

[Сергей delphinpro]

Bodrosh, указать нужный конфиг https://laravel-mix.com/docs/6.0/cli#customize-the...

[Сергей delphinpro]

Я подобное делал для двух разных фронтов в одном проекте. То есть для сайта, и для админки по отдельности. Соответственно запускалось либо одно, либо другое и велась разработка. Если у вас нужно компилить два разных файла с разными настройками для одного фронта, то я затрудняюсь ответить как в этом случае запускать dev-server с watch и reload. Просто сборка нормально будет работать в любом случае. По очереди, сначала одна, потом вторая команда.

[Bodrosh]

Сергей delphinpro, Спасибо, а вы добавляли что-то вроде "watch-site": "mix watch ..." и "watch-admin": "mix watch ..." и уже запускали нужную?

[Сергей delphinpro]

Bodrosh, да

[Bodrosh]

Сергей delphinpro, Большое спасибо, правильно понимаю, он должен создавать разные файлы манифестов в /static/frontend и в /static/dashboard? (Почему-то не хочет, даже с setResourceRoot, создает один в /public, его и перезаписывает (у меня public/site и public/dashboard))

[Сергей delphinpro]

Bodrosh, Вообще, да. Должны разные манифесты должны быть.
У меня в старом проекте такой финт провернут, на пятом миксе. В шестом может что-то изменилось. Посмотрите в доке или исходниках, как изменить пути.

[Сергей delphinpro]

Bodrosh, попробуйте еще

mix.setPublicPath('public/static/frontend');

указать

[Сергей delphinpro]

у меня так

mix.setPublicPath('public/static/frontend');
mix.setResourceRoot('/static/frontend');

[Bodrosh]

Сергей delphinpro, Еще раз спасибо, пробовал разные в свзяке с setPublicPath, но не работало)
Ваш пример сработал ( в 6-м миксе)

mix.setResourceRoot('/site')
mix.setPublicPath('public/site')