Aurelia skeleton-esnext-webpack mit zurb foundation 6.2.3

Question

Ich versuche die Zurb Foundation 6.2.3 mit Aurelia zu verwenden, ich habe angefangen, skeleton-esnext-webpack zu verwenden. Das Problem, auf das ich stoße, ist, wenn ich versuche, $(document).foundation() zu initialisieren. Verwendung erfordern oder importieren unten von meinem main.js

Snippet

const rootElement = document.body; 
rootElement.setAttribute('aurelia-app', ''); 
await aurelia.start().then(a => a.setRoot('app', rootElement)).then(a => { 
$(document).foundation(); 
    console.log('foundation loaded') 
}); 

Ich bin neu in webpack und esnext, sondern basiert auf meinem Verständnis muss ich Stiftung aufzunehmen. Kann mir jemand in die richtige Richtung weisen und mich bei der Lösung dieses Problems leiten?

Ihre Hilfe wird sehr geschätzt.

Grüße, TiKi

Answer 1

Wie sich herausstellt, was zweiteilige Problem war, geschah. Eine Zurb-Foundation ist nicht jQuery 3.0-konform, und das zweite Webpack zog transitive Abhängigkeiten hinzu. Ich landete einschließlich jquery-migrate 1.3.0 als Abhängigkeit und aktualisiert auch die webpack.config.js mit Resolve-Alias ​​wie unten, um sicherzustellen, dass jQuery nur einmal geladen wurde.

resolve: { 
    alias: { 
     'jquery': path.resolve(path.join(__dirname, 'node_modules', 'jquery')) 
    } 
}