Ваша аргументация вызывает вопросы

антипаттерн же, дев должен иметь минимум отличий по зависимостям относительно прода, иначе можно случайно словить проблем и дебажить их довольно долго

это не аргумент, это скорее мнение

точнее прод от дева, деву позволительно иметь доп зависимости само собой

Услышали звон. Это про стейдж и прод который никто не отменял

depence зависимости такие, да да, пошли мы нахуй

это банально интереснее дебажить. Иногда без них не обойтись, но когда можно имхо стоит жить без них.

может когда раннеры слабые а триггеров много стоит задуматься о смене бандлера, но ИМХО все-же в бандлере главное это конечный бандл.

привет. подскажите плиз по splitChunks.
хотел чтобы либа flag-icon-css собиралась в отдельный js/css.
добавил в optimization - splitChunks - cacheGroups - flagIconCss (пакет который хочу грузить отдельно). понял что в html надо добавить еще импорт этого css и js. заработало.

потом, решил добавить еще maxSize, webpack насоздовал кучу фалов для каждого бандла:
sign-in-bundle~ae1e31ae.js / sign-in-bundle~bc000af6.js / two-fa-bundle~2d8c3363.js
как мне их импортить? я ожидал что будет какой-то один sign-in-bundle.js который будет импортить другие, или я ошибаюсь ?

Я недавно спрашивал как мне создавать динамические скрипты в package.json, мне посоветовали использовать таск раннер, я могу вместо таск раннера вызывать скрипты написанные на ноде просто?

да, node script.js

Рассказываю про Module Federation, который появился в Webpack 5.

Кому интересно, что за зверь, зачем он нужен и как устроен - милости прошу в тред https://twitter.com/nodkz/status/1334376415840579585?s=19

Там куча ссылок и схем.

Использую такой импорт scss компонентов:

require.context('@folder1', true, /\.scss$/)
require.context('@folder2', true, /\.scss$/)
require.context('@folder3', true, /\.scss$/)

Подключать и следить за ними вручную трудозатратно и я решил использовать require.context, но появился один неприятны факт, они не видят другие scss(vars, mixins, extends), эти компоненты я так полагаю моментально обрабатываются лоадерами, и scss  не находятся в одной области с scss из:

entry: [
 cwd('src/static/styles/styles.scss'),
]

Есть выход, импортировать в каждый файл необходимые (scss variabales, mixins, extends), но хотелось бы как-то автоматизировать это. Никто не знает как можно такое сделать?

никак. и не стоит. автоматизация вредит visibility. потом непонятно что где подключается и в каком порядке

а require.context вообще кажется deprecated

здравствуйте, как в webpack 5 настроить импорты html файлов друг в друга

как ты себе это представляешь?)

тебе нужен какой-то темплейтер

ну раньше там в html писалось ${require('путь к другому куску')}

как то так