Можно ли в webpack 4 на каждый импорт less|sass|css файла автоматически генерить отдельный css-чанк?

Question

[frontendo]

Хотелось бы реализовать следующее, к примеру есть точка входа в приложение ./index.js
Рядом лежат три файла ./home.less, ./about.less, ./contacts.less
которые импортируются внутри ./index.js

import './home.less';
import './about.less';
import './contacts.less';

Есть ли возможность так настроить webpack 4, чтобы при импорте дополнительного less файла автоматически создавался новый css-чанк прямо во время работы вебпака с флагом --watch ?

Если сборку перезапускать, то это легко можно организовать путем добавления правил в config.optimization.splitChunks.cacheGroups отдельно для каждого файла стилей, но может есть вариант, как можно сделать это автоматически?