Как настроить webpack для сборки нескольких страниц?

Question

[bozedai]

Хочу разбить код на клиенте на несколько отдельных бандлов. Как это лучше сделать?
Для каждой страницы делать точку входа выглядит неумным. Хочется иметь одну точку входа, типа index.js, а в ней делать динамический импорт с помощью require
const page = require("./pages/" + pageName)
Но как настроить wepback для сборки подобного? На выходе хочу получить отдельный js-файл для каждой страницы

Answer 1

[Сергей delphinpro]

Попробуйте sliptChunk вкупе с magic comments https://webpack.js.org/api/module-methods/#magic-c...

Это не отдельные файлы, но динамический импорт отдельных файлов на нужных страницах.

А для отдельных как раз и предназначены точки входа.

Comments

[bozedai]

А можете пример показать?

[Сергей delphinpro]

bozedai, https://github.com/delphinpro/wofh-tools/blob/mast...
Все что относится к данному разделу сайта, билдится в отдельный файл dashboard.js благодаря магическим комментариям в функции import и настройке optimization.splitChunks в webpack.config.js