mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-24 06:35:10 +00:00
b2a92e185e
- W3 valid resource hints - Supporting options.render.resourceHints
75 lines
2.0 KiB
JavaScript
75 lines
2.0 KiB
JavaScript
|
|
import { attrsStr } from 'utils'
|
|
import LRU from 'lru-cache'
|
|
|
|
export default class MetaRenderer {
|
|
constructor (nuxt, renderer) {
|
|
this.nuxt = nuxt
|
|
this.renderer = renderer
|
|
this.options = nuxt.options
|
|
this.cache = LRU({})
|
|
}
|
|
|
|
render ({ url = '/' }) {
|
|
let head = this.cache.get(url)
|
|
|
|
if (head) {
|
|
return head
|
|
}
|
|
|
|
head = ''
|
|
|
|
// Title
|
|
if (typeof this.options.head.title === 'string') {
|
|
head += `<title data-n-head="true">${this.options.head.title || ''}</title>`
|
|
}
|
|
|
|
// Meta
|
|
if (Array.isArray(this.options.head.meta)) {
|
|
this.options.head.meta.forEach(meta => {
|
|
head += `<meta data-n-head="true" ${attrsStr(meta)}/>`
|
|
})
|
|
}
|
|
|
|
// Links
|
|
if (Array.isArray(this.options.head.link)) {
|
|
this.options.head.link.forEach(link => {
|
|
head += `<link data-n-head="true" ${attrsStr(link)}/>`
|
|
})
|
|
}
|
|
|
|
// Style
|
|
if (Array.isArray(this.options.head.style)) {
|
|
this.options.head.style.forEach(style => {
|
|
head += `<style data-n-head="true" ${attrsStr(style, ['cssText'])}>${style.cssText || ''}</style>`
|
|
})
|
|
}
|
|
|
|
// Script
|
|
if (Array.isArray(this.options.head.script)) {
|
|
this.options.head.script.forEach(script => {
|
|
head += `<script data-n-head="true" ${attrsStr(script, ['innerHTML'])}>${script.innerHTML || ''}</script>`
|
|
})
|
|
}
|
|
|
|
// Resource Hints
|
|
const clientManifest = this.renderer.resources.clientManifest
|
|
if (this.options.render.resourceHints && clientManifest) {
|
|
const publicPath = clientManifest.publicPath || '/_nuxt/'
|
|
// Pre-Load initial resources
|
|
if (Array.isArray(clientManifest.initial)) {
|
|
head += clientManifest.initial.map(r => `<link rel="preload" href="${publicPath}${r}" as="script" />`).join('')
|
|
}
|
|
|
|
// Pre-Fetch async resources
|
|
if (Array.isArray(clientManifest.async)) {
|
|
head += clientManifest.async.map(r => `<link rel="prefetch" href="${publicPath}${r}" />`).join('')
|
|
}
|
|
}
|
|
|
|
this.cache.set(url, head)
|
|
|
|
return head
|
|
}
|
|
}
|