Как настроить веб-пакет с помощью MiniCssExtractPlugin, чтобы избежать небольших фрагментов js? ⇐ Javascript

[Anonymous]

В нашей конфигурации веб-пакета мы используем MiniCssExtractPlugin для извлечения стиля для разделения статических файлов, он работает нормально, но когда мы используем динамический импорт для CSS, он генерирует два файла: один CSS и другой js.
Например:

Код: Выделить всё

if (isMobile) {
import('./mobile.css')
}

if (isDesktop) {
import('./desktop.css')
}

webpack для этого файла создаст дополнительные 4 файла:

• mobile.js
• mobile.css
• desktop.js
• desktop.css

оба mobile.js и Desktop.js — это небольшие модули, которые просто вызывают один функция:

Код: Выделить всё

"use strict";
(self["webpackChunksportpursuit"] = self["webpackChunksportpursuit"] || []).push([[9996],{

/***/ 34568:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
// extracted by mini-css-extract-plugin

/***/ })

}]);

Из соображений производительности я хочу избегать этих дополнительных файлов js. Теоретически сохраните эту логику в родительском модуле, который импортирует стили.

Подробнее здесь: https://stackoverflow.com/questions/798 ... -js-chunks