У моего приложения SPA nuxt есть общедоступный и закрытый интерфейсы, в которых используются две отдельные темы. Каждый из них имеет свой собственный файл макета, и внутри каждого макета файлы темы .css связаны в заголовке макетов.
Пример
export default {
head () {
return {
link: [
{ rel: 'stylesheet', href: 'https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css' }
],
script: [
{ "src": "https://code.jquery.com/jquery-3.3.1.slim.min.js" },
{ "src": "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" },
{ "src": "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" }
],
bodyAttrs: {
}
}
... это всего лишь пример, серверная частьcss использует локальные файлы, находящиеся в папке Static
Так что я могу либо заставить их загружать кешированный браузер каким-либо образом, либо, если есть inline, есть способ использовать это (https://nuxtjs.org/api/configuration-css/) встроенный метод в конфигурации nuxtтак разные маршруты получают разные .css файлы?