Webpack導入和捆綁模塊的正確方法

Question

我正在使用基於Foundation的Wordpress框架，並使用Webpack捆綁JS。 Webpack的新手。

當我將Slick.js添加到項目中時，我使用：

//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卻沒有。

謝謝。

Answer 1

看起來slick是一個jQuery插件，因此加載該庫只是將其栓接到您的全局jQuery實例上，但是sweetalert2是獨立的，並且不想僅創建一個全局對象（因為這通常是一個壞主意）。