So importieren Sie die JQuery-Funktion in Laravel-Mix

Question

Ich bin neu in Webpack und ich möchte ein JQuery-Plugin verwenden https://nezamy.com/pinBox/. Es hat nur auf jquery Funktion namens pinBox. Das Problem ist, dass ich Laravel-Mix benutze und dieses Paket leider nicht in Npm verfügbar ist. die Funktion sieht so aus. So einfach rechts;)

$(document).ready(function() { 
    $(".pinBox").pinBox({ 
     Top : '50px', 
     Container : '#pinBoxContainer', 
    }); 
}); 

Wie diese Funktion meines app.js aus einer Datei in einem Verzeichnis importieren /resourses/js/pinbox.js jquery als Abhängung im Auge zu nehmen? ich alle bereit jquery von NPM installiert haben in app.js

window.$ = window.jQuery = require('jquery'); 

Answer 1

ich imports-loader verwenden würde. Und erinnere dich daran, was @Matthew Daly im Kommentar gesagt hat. Versuchen Sie zuerst, npm Repo direkt zu installieren.

mix.webpackConfig({ 
    module: { 
     rules: [ 
      { 
       test: require.resolve("pinBox"), 
       use: "imports-loader?this=>window" 
      } 
     ] 
    } 
});