Глобально добавить $ jquery в веб-пакет

Question

Я работаю с реактивами, и мне нужно импортировать $ глобально в мой веб-пакет.

Я знаю, что могу импортировать в каждый компонент, как этот

import $ from 'jquery'

Но это происходитиспользуется в каждом компоненте, поэтому я хочу избежать записи в каждом компоненте.Итак, как мне сделать это с помощью веб-пакета или есть какой-либо другой способ сделать это

Я добавил это в веб-пакете, но все равно не работает

  module: {
    strictExportPresence: true,
    rules: [
      {
        test: require.resolve('jquery'),
        use: [{
          loader: 'expose-loader',
          options: '$'
        }]
      }
    ],
  },

Любая помощь будет принята с благодарностью!!!

Answer 1

Использовать ProvidePlugin

https://webpack.js.org/plugins/provide-plugin/

plugins: [ new webpack.ProvidePlugin({$: 'jquery'}) ]