Использование prerender-spa-плагина с Laravel Vue.js в каталоге ресурсов

Question

Я установил prerender-spa-plugin через npm в моем приложении Laravel, в котором приложение Vue.js находится в каталоге ресурсов. Как мне вызвать prerender-spa-плагин в этом? Я видел немало примеров автономного приложения, но ничего такого, что поддерживало бы его в каталоге ресурсов.

Answer 1

Чтобы использовать плагин только в компоненте: известный как локальная регистрация

<script>
   import 'plugin_name' from 'plugin_directory'  //located at /node_modules

//to use it in component call it like shown below

export default{
  ...
}
</script>

Затем используйте его в соответствии с его применением

Чтобы использовать его внесколько компонентов / просмотров.Известен как глобальная регистрация

В app.js импортировать компонент и зарегистрировать его

import Plugin from 'plugin_directory'

Vue.use(Plugin)

Например .чтобы использовать axios, мы импортируем его и регистрируем глобально в app.js следующим образом

import axios from 'axios'

Vue.use(axios)
//that's it

Таким образом мы можем глобально зарегистрировать несколько плагинов в Vue в app.js

require('./bootstrap');

import Vue from 'vue'
import axios from 'axios';
import VueAxios from 'vue-axios';
Vue.use(VueAxios,axios);

import VueRouter from 'vue-router';
Vue.use(VueRouter);

Vue.config.productionTip =false;

import VeeValidate from 'vee-validate';
Vue.use(VeeValidate);

import Notifications from 'vue-notification'
Vue.use(Notifications)

import VueHolder from 'vue-holderjs';
Vue.use(VueHolder)

import App from './layouts/App'


import router from './router'
Vue.component('example-component', require('./components/ExampleComponent.vue'));
Vue.component('autocomplete', require('./components/AutoComplete.vue')); 
Vue.component('topnav', require('./components/Nav.vue'));
Vue.component('imageupload', require('./components/ImageUpload.vue'));

const app = new Vue({
    el: '#app',
    router,
    template:'<App/>',
    components:{ App }
});