Как правильно подключить плагин Vue.js ( Nuxt )?

Question

[Junior Development]

Нужно подключить плагин к проекту.
Подскажите как правильно это сделать?

В частности меня интересует следующее:
1. Где размещать следующий код.
`require('vue2-animate/dist/vue2-animate.min.css')`

2. B где должен быть размещён плагин? PATH_TO_SOURCE
`$animationDuration: 0.5s; // specify animation duration. Default value: 1s
Dmitrijs Balcers "/src/sass/vue2-animate.scss";`

Буду очень признателен, если покажете на примере .

Comments

[dk-web]

Получилось? поделитесь? решаю ровным счетом такую же задачу...

[Junior Development]

dk-web, воспользовался этим плагином.

В папке plugins созддал файл vue-animate-scroll.js.

Содержимое файла vue-animate-scroll.js:

import Vue from 'vue'
import VueAnimate from 'vue-animate-scroll'

Vue.use(VueAnimate)

В файле nuxt-config.js прописываем:

...
  plugins: [
      '~plugins/vue-animate-scroll'
  ],
...
  build: {
      transpile: ['vue-animate-scroll']
  },
...

Далее прописываем необходимое в html и css.

Answer 1

[Алексей Ярков]

В папке plugins создаёшь файл, в нём подключаешь что надо, вызываешь Vue.use(/*...*/) и в конфиге, в секции plugnis, добавляешь путь к файлу.
Начните с доков к наксту, там всё описано.