Webpack включает jQuery в другие компоненты

Question

Я использую Webpack, и мои сценарии структурированы таким образом.

scripts
  components
    heroSlider.js
  app.js

Я устанавливаю jQuery через npa npm и импортирую в 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, используя expose-loader

Как только вы настроите еговы сможете потребовать это, используя:

require("expose?$!jquery");