使用带有webpack的模块

Question

我最近开始使用Webpack作为前端，并遇到了模块的问题 例如，我有两个模块，一个使用另一个模块（具体为angular-bootstrap-slider和bootstrap-slider）。由于angular-bootstrap-slider函数未定义，Slider未能初始化  现在我明白我可以全局导出Slider（我使用jquery和angular libs）或者在angular-bootstrap-slider中导入Slider（我选择了它）。  我不喜欢这两个选项，因为全局导出是我想避免使用webpack并在库中导入某些内容意味着更改它的代码之一。 所以我错过了一些东西，或者有一些最好的做法来处理依赖关系？

Answer 1

您要找的是shimming modules。

这允许您声明Slider实际上是从模块bootstrap-slider导入的：

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