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是一个独立的，不想只创建一个全局对象（因为这通常是一个坏主意）。 / p>