Webpack 올바른 방법으로 가져 오기 및 번들 모듈

저는 Foundation에 기반한 Wordpress 프레임 워크로 작업하고 있으며 Webpack을 사용하여 JS를 번들로 사용하고 있습니다. Webpack을 처음 접했습니다. 내 프로젝트에 Slick.js를 추가 할 때Webpack 올바른 방법으로 가져 오기 및 번들 모듈

내가 사용

예상 나는 오류를 얻을 수 없기 때문에이 작동

//import JS 

import './lib/slick'; 

//init 

$('.my-class').slick({});

. 나는이 같은 sweetalert2.js 추가 할 때

그러나 :

import './lib/sweetalert2'; 

//init 

swal({ 
    title: 'Error!', 
    text: 'Do you want to continue', 
    type: 'error', 
    confirmButtonText: 'Cool' 
});

를 내가 가진 swal 오류가 정의되어 있지 않습니다.

그러나이 작업은 초기화 할 때 오류가 없습니다.

import swal from './lib/sweetalert2';

나는이 기능을 노출하는 것과 관련이 있다고 생각합니다. 그러나, 나는 slick.js가 그렇게하지 않고 일했던 이유와 sweetalert2가 왜 그렇게했는지 이해하려고 노력하고 있습니다.

감사합니다.

출처

2017-09-22 Work-Together2013

slick은 jQuery 플러그인처럼 보이므로 라이브러리를로드하면 전역 jQuery 인스턴스에 고정되지만 sweetalert2는 독립형이며 전역 객체를 만들기를 원하지 않습니다 (일반적으로 나쁜 아이디어이기 때문에).

출처

2017-09-22 21:07:50

감사합니다. 그래서 import "import slick from ./lib/slick ';" 이것은 slick.js에서도 잘 작동했습니다. 나는 지금까지 Webpack을 사랑한다고 말할 수 없다. 전에 내가 꿀꺽 꿀꺽 마시고 모든 JS를 결합하기 만하면 모든 것이 효과가있었습니다. –

jQuery를 통하는 것 외에는 'slick' 객체를 사용할 필요가 없기 때문에 필자는 그렇게 생각하지 않는다. 저는 웹팩 변환을하고 꿀꺽 꿀꺽 마시 러 돌아 가지 않을 것입니다. 그러나 그것은 모든 것이 전제라고 가정하는 것보다 어느 비트가 어떤 의존성을 사용하는지 정확하게 알면 프로젝트를 유지하는 것이 훨씬 쉽기 때문입니다. –

감사합니다. 나는 시간을 줄 것이다. 그것은 비록 학습 곡선! –

Webpack 올바른 방법으로 가져 오기 및 번들 모듈

답변

관련 문제