Ich habe ein funktionierendes Schachbrett mit Javascript und CSS erstellt. Ich möchte es in einer Vue-App verwenden, aber ich kann nicht herausfinden, wie die JavaScript- und CSS-Dateien mit der Komponente verknüpft werden. Gibt es eine Möglichkeit, sie im Webpack zu laden, oder was ist die richtige Vorgehensweise?Verknüpfung von externen Javascript und CSS-Dateien in Vue-Komponente?
sollte diese
einfach dieser Anleitung folgen und konfigurieren webpack für Ihr Projekt helfen.
http://todarman.com/configuring-webpack-es6-sass/
Nach der webpack.config.js Datei, öffnet Terminal in Ihrem Projektverzeichnis Konfiguration und den Befehl npm Lauf dev laufen. Ich werde die js und CSS-Dateien in ihren jeweiligen Verzeichnissen erstellen. Sie können die Dateien in Ihre index.html-Datei einbinden.
<html>
<head>
<title>Webpack index page</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<h2>webpack configuration</h2>
<script src="js/bundle.js"></script>
</body>
</html>
Hoffe, das hilft.
Links zu externen Ressourcen werden empfohlen, aber bitte fügen Sie Kontext um den Link hinzu, so dass Ihre Mitbenutzer eine Idee haben, was es ist und warum es da ist. Zitiere immer den relevantesten Teil eines wichtigen Links, falls die Zielseite nicht erreichbar ist oder dauerhaft offline geschaltet wird. – Malik
Wenn Sie webpack und babel verwenden, können Sie sie wie Module importieren –