2017-10-19 1 views
0

webpack을 처음 사용하고 jquery 플러그인 https://nezamy.com/pinBox/을 사용하고 싶습니다. 그것은 pinBox이라는 jquery 함수에만 있습니다. 문제는 laravel-mix를 사용하고 있으며 불행히도이 패키지는 npm에서 사용할 수 없습니다. 이 함수는 다음과 같이 보입니다. 그래서 간단한 권리)laravel-mix에서 jquery 함수를 가져 오는 방법

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

어떻게 마음에 의존성으로 jQuery를 복용 디렉토리 /resourses/js/pinbox.js에있는 파일에서 내 app.js에 해당 기능을 가져? 나는 모든 준비가 JQuery와 나는 imports-loader을 사용 app.js

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

당신은 [다음과 같이] 직접 Github에서에서 사물을 설치하는 NPM을 사용할 수 있습니다 (https://stackoverflow.com/questions/17509669/how-to-install-an-npm-package-from-github 직접적으로) 포크하거나 포크를 npm에 게시 할 수 있습니다. –

+0

@MatthewDaly jquery 함수를 가져 오는 것은 어떻습니까? –

답변

0

에 NPM에서 설치했습니다. 그리고 @Matthew Daly가 언급 한 것을 기억하십시오. 먼저 Repo를 직접 설치하십시오.

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

나는 repo를 갈래 썼다. 그러나 그것은 유효하게 보느냐? 'package.json','index.js','src/js/pinbox.js' 파일을 살펴볼 수 있습니까? 여기 링크 https://github.com/the94air/jquery.pinBox –

+0

나는 유효 할 필요가 없습니다, 당신이해야 할 일은 npm install과 함께 repo를 추가하는 것입니다 [url] – cssBlaster21895