Лучший способ загрузить loadCSS по filamentgroup в проекте nuxt? - PullRequest
Новая
       29

Лучший способ загрузить loadCSS по filamentgroup в проекте nuxt?

0 голосов
/ 19 февраля 2019

Я хочу использовать loadCSS to rel=preload google шрифты в моем проекте nuxt.Я добавил 

module.exports = {
  head: {
    link: [
        rel: 'preload',
        href:
          'https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700',
        as: 'style',
        onload: 'this.onload=null;this.rel="stylesheet"'
      }
    ]
  },

Это правильно делает и добавляет ссылку в голову, которая отображает шрифт в Chrome.Firefox, который не поддерживает rel="preload", ничего не делает.

Вот где я хочу, чтобы loadCSS вступил в игру.Поэтому я хочу добавить 

import 'fg-loadcss/dist/cssrelpreload'

Где-нибудь, чтобы эта функция была в моем комплекте.Но куда бы я ни импортировал это, это приводит к этой ошибке

Невозможно прочитать свойство 'getElementsByTagName' с неопределенным

enter image description here

Я предполагаю, что это не удается, потому что я импортирую этот файл, когда документ не готов.

В nuxt: где будет лучшее место для импорта этого файла?Или я могу запустить выполнение на смонтированном?

...