如何在laravel-mix中導入jquery函數

我是webpack的新手，我想使用jquery插件https://nezamy.com/pinBox/。它只有在jQuery的功能叫做pinBox。問題是我正在使用laravel-mix，不幸的是這個包在npm中不可用。該功能看起來像這樣。 這麼簡單右;）如何在laravel-mix中導入jquery函數

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

如何從文件導入功能，我app.js目錄中的/resourses/js/pinbox.js採取的jQuery作爲記扶養？我都準備好了jQuery的從NPM安裝在app.js

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

來源

2017-10-19 abdalla arbab

您可以使用NPM從Github上直接安裝的東西，[如下所示]（https://stackoverflow.com/questions/17509669/how-to-install-an-npm-package-from-github直接），或者你可以分叉它並將你的fork發佈到npm。 –

@MatthewDaly怎麼樣導入jquery函數。 –

我會用imports-loader。請記住戴利在評論中所說的話。首先嚐試直接安裝npm install repo。

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

來源

2017-10-19 20:53:21 cssBlaster21895

我已經分叉回購，但看起來有效嗎？你可以看看'package.json'，'index.js'和'src/js/pinbox.js'文件。這裏是一個鏈接https://github.com/the94air/jquery.pinBox –

我不需要是有效的，所有你需要做的就是添加回購與npm安裝[url] – cssBlaster21895

如何在laravel-mix中導入jquery函數

回答

相關問題