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插件，则可以使用expose-loader

公开 jquery

设置好之后，您将可以使用：

require("expose?$!jquery");