Javascript 将模块与Web包一起使用

我最近开始在前端使用Webpack，遇到了模块问题。
例如，我有两个模块，一个使用另一个（具体来说是它的和）<代码>角度引导滑块无法初始化，因为

滑块

函数未定义。
现在我明白了，我可以全局导出

滑块

（我使用jquery和angular libs实现了这一点），也可以在angular bootstrap滑块中导入

滑块

（我选择了它）。
我不喜欢这两种选择，因为全局导出是我希望避免使用webpack的事情之一，而在库中导入某些内容意味着更改其代码。

---

那么，我是否遗漏了一些东西，或者是否有一些处理依赖关系的最佳实践？

您正在寻找的是

这允许您声明

滑块

实际上是从模块

引导滑块

导入的：

...
plugins: [
  new webpack.ProvidePlugin({ 
    'Slider': 'bootstrap-slider'  
  })
]

---

你要找的是

这允许您声明

滑块

实际上是从模块

引导滑块

导入的：

...
plugins: [
  new webpack.ProvidePlugin({ 
    'Slider': 'bootstrap-slider'  
  })
]

---

我想您可以使用

导入加载程序

：

导入网页包的加载程序

可用于将变量注入模块的范围。这是 如果第三方模块依赖于全球 像$this这样的变量是窗口对象

---

我想您可以使用

导入加载程序

：

导入网页包的加载程序

可用于将变量注入模块的范围。这是 如果第三方模块依赖于全球 像$this这样的变量是窗口对象

---

它不是全局的吗？不，它被编译成一个

require（）

callSo，在库调用

newslider

compilestorequire（）的任何地方？但是，如果我有两个带有

滑块

构造函数的库呢？它是网页

require（）

，只包含一个所需模块的副本。顺便说一下，Node还缓存模块，因此对的多个

require（）

调用从来都不是问题。我的意思是，我可以有两个具有相同函数名的不同库。它不是全局的吗？不，它被编译成

require（）

callSo，在对

新滑块的库调用中随处可见？但是，如果我有两个带有
滑块
构造函数的库呢？它是网页
require（）
，只包含一个所需模块的副本。顺便说一句，Node还缓存模块，因此对的多个
require（）
调用从来都不是问题。我的意思是，我可以有两个具有相同函数名的不同库。看起来不错，我一定会尝试这也是一个很好的解决方案，但仍然需要编辑库的源代码，不是吗？据我所知，这个加载器添加了对目标源的
require
调用。看起来不错，我一定会尝试这个方法。这也是一个很好的解决方案，但仍然需要编辑库的源，不是吗？据我所知，这个加载器添加了对目标源的
require
调用。