Vuejs 2 enthalten Assets

Question

Ich beginne gerade mit VueJS und versuche, eine externe JS-Bibliothek für die Verwendung in meiner Komponente aufzunehmen.

Ich habe die verkleinerte JS-Datei heruntergeladen und in meinem Assets-Verzeichnis abgelegt. Wie kompiliere ich meine Komponente, um diese Bibliothek einzuschließen, damit ich sie in meinem Komponentencode verwenden kann? Ich möchte auch CSS-Dateien aus dem Verzeichnis Assets aufnehmen.

Ich habe die Vue Docs durchsucht und kann keine Antwort auf meine Frage finden, jede Hilfe wird sehr geschätzt.

Meine Vermutung ist, dass ich Webpack-Datei bearbeiten muss?

Danke!

Answer 1

erstens, müssen Sie/require

component.js 

const external = require('../to/external_lib.min.js'); 

... declare Vue component as normal 

die externe Datei in auf die vue Komponente importieren für externe CSS-Import;
oder sagen CSS in das Bauteil zu importieren, müssen Sie von Ihrem webpack Config ändern css-loader und style-loader Hinzufügen
(d npm i --save css-loader style-loader);

danach in Ihren component.js

component.js 

const external = require('../to/external_lib.min.js'); 

import '../to/component.css'; 

... declare Vue component as normal 

ohne weitere Informationen, wie zu sagen, Ihre js-Datei oder ein Projekt-Setup, ich kann nicht mehr detaillierte Informationen geben.