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");