Javascript Webpack导入和绑定模块的正确方法 我正在使用一个WordPress框架构建在基础上，并使用WebPACK捆绑JS。非常新的网页包

当我将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没有这样做

---

谢谢。

看起来slick是一个jQuery插件，所以加载库只需将它固定到全局jQuery实例上，但是sweetalert2是一个独立的，不想只创建一个全局对象（因为这通常是个坏主意）。

看起来slick是一个jQuery插件，因此，加载库只是将其固定到全局jQuery实例上，但sweetalert2是独立的，不想只创建全局对象（因为这通常是个坏主意）。

谢谢。因此，更好的做法是导入“import slick from./lib/slick”；“这对slick.js同样有效。到目前为止，我不能说我喜欢这个网页。在我使用gulp并结合我所有的JS和所有工作之前，我认为你不需要这样做，因为除了通过jQuery，你不需要使用

slick

对象。我是webpack convert，永远不会回到gulp，但那是因为如果我确切知道哪些位使用哪些依赖项，而不是假设所有内容都是全局的，那么维护项目就容易多了。谢谢。因此，更好的做法是导入“import slick from./lib/slick”；“这对slick.js同样有效。到目前为止，我不能说我喜欢这个网页。在我使用gulp并结合我所有的JS和所有工作之前，我认为你不需要这样做，因为除了通过jQuery，你不需要使用

slick

对象。我是webpack convert，永远不会回到gulp，但那是因为如果我确切地知道哪些位使用哪些依赖项，那么维护一个项目要容易得多，而不仅仅是假设所有东西都是全局的。