Webpack在其他组件中包含jQuery

Question

我使用Webpack，并且我的脚本是按这种方式构造的。

scripts
  components
    heroSlider.js
  app.js

我通过npa npm安装jQuery并像这样导入app.js

import $ from 'jquery';

而且工作正常。 但是我不想在我的组件文件中使用jQuery。 怎么样？

在app.js中，我还导入了组件。

import heroSlider from './components/heroSlider';

heroSlider.js看起来像这样

export default function heroSlider() {

  // Here I wan't to use jQuery

}

但是我不想在我想使用它时再次在组件中导入jQuery。 有办法吗？

Answer 1

如果您使用需要全局jquery实例的jquery插件，则可以使用暴露加载器 公开 jquery

设置好之后，您可以使用以下方法进行要求：

require("expose?$!jquery");