Nuxt.js: Доступ к статическому каталогу из плагина Vue: '~ / static / media' - PullRequest
0 голосов
/ 27 мая 2018

Я использую nuxt.js и с этим плагином lazyload для изображения

Это прекрасно работает, но теперь я хочу использовать некоторые параметры плагина, такие какпользовательский образ загрузчика.

Код будет выглядеть так в моем файле плагина nuxt:

import Vue from 'vue'
import VueLazyload from 'vue-lazyload'

const options = {
  preLoad: 1.3,
  loading: '~/static/media/loader.svg',
  attempt: 1,
  // the default is ['scroll', 'wheel', 'mousewheel', 'resize', 'animationend', 'transitionend']
  listenEvents: [ 'scroll' ]
}

Vue.use(VueLazyload, options)

В документации по плагинам есть пример, использующий путь, подобный следующему: loading: 'dist/loading.gif',

Но я хочу видеть загрузку не только после того, как я сгенерировал папку dist, я хочу видеть локально.

Итак, мой вопрос: как бы я установил пути в файле плагина Vue длязаставить их работать локально и после генерации nuxt?

Например: в CSS-файлах вы можете установить url('~/static/…PATH')

Я не нашел ничего здесь: https://nuxtjs.org/guide/directory-structure/ ни здесь https://nuxtjs.org/guide/assets

1 Ответ

0 голосов
/ 08 июля 2018

Как правильно предложил @Aldarund

loading: require('~/static/media/loading.svg'), работает отлично.Спасибо 100

...