我的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使用位于静态文件夹中的本地文件
那么我可以让它们以某种方式加载浏览器缓存吗,或者内联是否可以在nuxt配置中使用此(https://nuxtjs.org/api/configuration-css/)内联方法,以便不同的路由获得不同的.css文件?