Webpack에 다른 라이브러리가 필요합니다.

웹팩 구성으로 자산을 가져 오려고합니다.Webpack에 다른 라이브러리가 필요합니다.

하나의 큰 .js 파일에서 내 JS를 모두 application.js 파일 인 require 인 모든 파일로 분리했습니다.

다음 파일 중 하나 : gallery.js에는 PhotoSwipe 라이브러리가 필요합니다. 나는 내 node_modules 디렉토리 및 gallery.js의 상단에 설치 한 내가 가진 :

require('photoswipe/dist/photoswipe.min'); 
require('photoswipe/dist/photoswipe-ui-default.min');

그러나 페이지를 실행하는 경우, 콘솔에서 내가 얻을 :

이

gallery.js?a942:77 Uncaught ReferenceError: PhotoSwipe is not defined 
    at openPhotoSwipe (gallery.js?a942:77) 
    at HTMLAnchorElement.eval (gallery.js?a942:89) 
    at HTMLAnchorElement.dispatch (vendor.js:5530) 
    at HTMLAnchorElement.elemData.handle (vendor.js:5338)

사람이 방향으로 날 지점 수 내가 잘못 가고있어 PhotoSwipe의 불확실성을 수정할 수 있습니까?

덕분에, 닐

출처

2017-11-04 rctneil

당신은이 일을 얻는 두 가지를 할 수 있습니다.

는

plugins: [ 
    new webpack.ProvidePlugin({ 
     PhotoSwipe: 'photoswipe', 
     PhotoSwipeUI_Default: 'photoswipe/src/js/ui/photoswipe-ui-default.js' 
    }) 
]

출처

2017-11-04 16:23:58 Thaadikkaaran

환상적인 당신이 원하는에 대한

var PhotoSwipe = require('photoswipe'); var PhotoSwipeUIDefault = require('photoswipe/dist/photoswipe-ui-default');

사용 ProvidePlugin가 PhotoSwipe 변수를 채우기 위해, 변수에 require D 라이브러리를 지정하고 같이 어디든지 필요한 것을를 사용 ! 매우 감사. 선호하는 접근 방식 인 관심 밖? – rctneil

여러 위치에서이 두 라이브러리를 사용하는 경우 접근 방식 2로 가고 그렇지 않은 접근 방식 1로 이동하십시오. – Thaadikkaaran

Webpack에 다른 라이브러리가 필요합니다.

답변

관련 문제