Mit relativen Pfaden in webpack 2/jQuery Thema arbeiten

Question

Arbeiten mit meinem ersten Webpack-Setup und kann nicht ganz scheinen, um dieses Problem zu lösen.

Auf der Haupt app.js Eintrittspunkt wird der Pfad für einen bestimmten Ordner (jsFileLocation Variable) nicht finden, den Ordner im öffentlichen Verzeichnis:

var tpj=jQuery; 
tpj(document).ready(function() { 
    var apiRevoSlider = tpj('.tp-banner').show().revolution({ 
     sliderType:"standard", 
     jsFileLocation: "./assets/canvas/rs-plugin/include/js", 
     sliderLayout:"fullscreen", 
... 

Auf dem öffentlichen Verzeichnis haben wir:

── assets 
│ ├── canvas 
│ │ └── includes 
│ │ │ └── rs-plugin 
│ │ │ │ └── js 

Alle anderen Importe in der Datei app.js funktionieren ohne Probleme. Dies führt zu einem gebrochenen Slider jQuery wie hier zu sehen:

• https://cloudup.com/cHSIyOEgVFS

und die Konsole Fehler:

• https://cloudup.com/cnak33E4ulM

und der Quellen-Panel, das nicht Zeigen Sie den Ordner/includes:

• https://cloudup.com/c7FTkN-Odfh

Was bin ich? Ich habe verschiedene Kombinationen von Pfaden für die jsFileLocation Variation vergeblich ausprobiert.

Vielen Dank im Voraus!

Answer 1

Dies hat nichts mit Webpack zu tun. Webpack bündelt Ihre importierten Dateien. Überprüfen Sie die Dokumentation here

Die "./assets/canvas/rs-plugin/include/js" wird nicht von Webpack behandelt. Dieser Code wird ausgeführt, wenn das Dokument im Browser bereit ist. Legen Sie es in einen Ordner, auf den über http zugegriffen werden kann, und es sollte korrekt geladen werden.

In Bezug auf die TweenLite Fehler: Es scheint, dass Sie "https://www.npmjs.com/package/gsap" verwenden. Installieren Sie das also über npm, damit es für das Webpack zur Verfügung steht.