Wie füge ich clientseitige js Bibliotheken in Nuxt hinzu>

Question

Zum ersten Mal auf nuxt. Ich versuche, eine clientseitige Bibliothek hinzuzufügen.

In einem normalen HTML werde ich hinzufügen, es nur auf meine Datei index.html. Aber ich habe keine Ahnung, wie ich das gleiche auf nuxt mache.

Wie füge ich es hinzu?

dies meine Config

module.exports = { 

    /* 
    ** Headers of the page 
    */ 
    head: { 
    title: 'digglu', 
    meta: [ 
     { charset: 'utf-8' }, 
     { name: 'viewport', content: 'width=device-width, initial-scale=1' }, 
     { hid: 'description', name: 'description', content: 'social media site' }, 
     { name: 'google-signin-client_id', content:'xxx.apps.googleusercontent.com' } 
    ], 
    link: [ 
     { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' } 
    ] 
    }, 
    /* 
    ** Customize the progress-bar color 
    */ 
    loading: { color: '#3B8070' }, 
    /* 
    ** Build configuration 
    */ 
    build: { 
    /* 
    ** Run ESLINT on save 
    */ 
    extend (config, ctx) { 
     if (ctx.dev && ctx.isClient) { 
     config.module.rules.push({ 
      enforce: 'pre', 
      test: /\.(js|vue)$/, 
      loader: 'eslint-loader', 
      exclude: /(node_modules)/ 
     }) 
     } 
    } 
    } 
} 

Answer 1

Nach NuxtJS Dokumentation ist: https://nuxtjs.org/guide/plugins

kann ich bestätigen, das funktioniert, aber einige Plugins werfen immer noch Fehler auf den ersten 3 Auffrischungen der Seite, dann ist der Fehler weg, ich kenne den Grund nicht.

Clientseitige nur

Einige Plugins können nur für den Browser arbeiten, können Sie die ssr verwenden: falsche Option in Plug-ins, die Datei nur auf der Client-Seite ausgeführt werden.

Beispiel:

nuxt.config.js:

module.exports = { 
    plugins: [ 
    { src: '~/plugins/vue-notifications', ssr: false } 
    ] 
} 

plugins/vue-notifications.js:

import Vue from 'vue' 
import VueNotifications from 'vue-notifications' 

Vue.use(VueNotifications) 

Im Fall, dass Sie nur für den Server einige Bibliotheken erfordern Sie können die Variable process.server auf true setzen, wenn das Webpack die Datei server.bundle.js erstellt.