2017-10-19 25 views
0

Je suis nouveau sur webpack et je veux utiliser un plugin jquery https://nezamy.com/pinBox/. Il a seulement sur la fonction de jquery appelée pinBox. Le problème est que j'utilise laravel-mix et malheureusement ce paquet n'est pas disponible en npm. la fonction ressemble à ceci. donc simple droit;)Comment importer la fonction jquery dans laravel-mix

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

Comment importer cette fonction à mon app.js à partir d'un fichier dans un répertoire /resourses/js/pinbox.js prenant jquery comme à l'esprit dépendance? Je tous prêts ont jquery installé de NPM dans app.js

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

Vous pouvez utiliser NPM installer les choses de Github directement, [comme indiqué ici] (https://stackoverflow.com/questions/17509669/how-to-install-an-npm-package-from-github -directement), ou vous pouvez le fork et publier votre fork vers npm. –

+0

@MatthewDaly Qu'en est-il de l'importation de la fonction jquery. –

Répondre

0

J'utiliser imports-loader. Et rappelez-vous ce que @Matthew Daly a dit dans le commentaire. Essayez d'abord d'installer npm repo directement.

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

J'ai fourchu le repo mais cela semble-t-il valide ?. Pouvez-vous jeter un oeil aux fichiers 'package.json',' index.js' et 'src/js/pinbox.js'. ici un lien https://github.com/the94air/jquery.pinBox –

+0

Je n'ai pas besoin d'être valide, tout ce que vous avez à faire est d'ajouter repo avec npm install [url] – cssBlaster21895