Приложение, над которым я работаю, загружает многочисленные библиотеки (AngularJS, Bootstrap и т. Д.) В один файл vendor.min.js, чтобы ускорить время загрузки. Однако в настоящее время нам необходимо загружать их файлы .css отдельно, поскольку они могут содержать относительные ссылки на различные изображения или таблицы спрайтов.
Я ищу задачу, которая позволит мне объединять несколько файлов CSS в один (скажем, dist / styles / vendor.css), а также автоматически обновлять ссылки на файлы внутри файла CSS. Я пытался просто запустить команду concat, но многое ломает.
Я видел, что в Webpack есть MiniCssExtractPlugin, который может быть тем, что я ищу, но я не могу мигрировать из Grunt. Я нашел grunt-webpack, но мои знания о webpack действительно смехотворны, и это, кажется, борется со мной на каждом шагу - кажется, что лучший способ сделать эту работу - это если бы я перенес webpack, чтобы выполнить большую часть тяжелая работа для проекта, которую я не могу сделать.
Кто-нибудь знает что-то, что справится с этим?