Laravel + Vue: почему webpack кидает чанки в корень public?

Question

[SeokkyN]

Буду краток.

Кусок из routes.js:

const AdminLogin    = () => import ('../components/admin/Login.vue')
const AdminMain     = () => import ('../components/admin/Main.vue')
const AdminStudents = () => import ('../components/admin/Students.vue')
const AdminTeachers = () => import ('../components/admin/Teachers.vue')
const AdminGroups   = () => import ('../components/admin/Groups.vue')
const AdminTests    = () => import ('../components/admin/Tests.vue')

Проблема в том, что нарезанные чанки попадают прямо в корень public.

На самом деле их там 6, 12 штук - следствие моих попыток разобраться в проблеме самостоятельно.

Вопрос в том, как мне настроить путь выгрузки этих чанков самому? К примеру, в js/chunks.
Сенкс.

P.S.: пробовал гуглить в сторону __webpack_require__.p, однако, ситуацию исправить не удалось.

UPD: все еще актуально.

Comments

[Сергей delphinpro]

Полагаю webpack.config.js был бы не лишним здесь

[SeokkyN]

Сергей delphinpro, использую Laravel, в корне подобного файла нет, да и где-то еще я его не видел. Судя по документации ларки, можно прикрутить свою кастомизацию вебпака в webpack.mix.js, но я этим не занимался. Там все по дефолту.

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

mix.disableNotifications();

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

Answer 1

[skepsikmod]

В webpack.mix.js добавь

mix.webpackConfig({
  output: {
    path: path.resolve(__dirname, 'public/'),
    publicPath: '/',
    chunkFilename: './js/[id].chunk.js'
  }
})