В течение нескольких дней я пытался найти решение для этого.
Я работаю над использованием веб-пакета для объединения некоторых устаревших ресурсов для старого приложения.
Цель состоит в том, чтобы уменьшить количество запросов на получение статических c активов при каждой загрузке определенной страницы c, поскольку это вызывало некоторые проблемы с производительностью.
В любом случае, разрешение Модули JS, кажется, в основном работают нормально, я борюсь с CSS.
В конечном итоге я хочу, чтобы все содержимое всех различных файлов CSS было объединено в один файл. После связывания это, кажется, происходит, но когда я открываю страницу в браузере, все еще появляется несколько запросов на получение различных файлов CSS вместо одного CSS пакета.
Позвольте мне проиллюстрируем упрощенным примером.
Скажем, у меня есть следующие CSS файлы:
- styles1. css
- styles2. css
- styles3. css
- styles4. css
- styles5. css
- styles6. css
- styles7. css
Отступы представляют CSS @import s
Указав веб-пакету объединить все эти CSS файлы, он выведет что-то как styles.bundle.js (который я затем извлекаю в styles.bundle.css с помощью плагина).
Я вставляю ссылку на связанный CSS на целевую страницу, запускаю сервер, перехожу на страницу в браузере проверьте вкладку «Сеть» и просмотрите несколько запросов на несколько CSS файлов.
Чтобы получить все CSS, вместо того, чтобы видеть пение ле запрос на styles.bundle.css, я также вижу запросы на styles4.css, styles5.css, styles6.css и styles7.css.
Я не могу поставить приколоть в чем даже проблема. У меня сложилось впечатление, что webpack разрешит все эти операции импорта и включит содержимое всех зависимых CSS файлов в один файл. Что мне здесь не хватает?
Любая помощь будет принята с благодарностью!