Как правильно выставить jQuery с помощью Webpack 5?

Question

Есть ли какой-нибудь конкретный способ открыть jQuery с помощью Webpack 5?

Раньше он работал с Webpack 4 OK, с конфигурацией ниже, но он показывает Uncaught Reference Error: jQuery is not defined ошибка теперь с 5.

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

Answer 1

Подтверждая комментарий @Sam Chen выше, Webpack 5 (начиная с 5.75) не требует, чтобы expose-loader делал$доступен в виде импорта. Проще всего было удалить загрузчик, удалить его из webpack.config.js и добавить

      import $ from 'jquery';

ко всем файлам, которые его использовали. Это может привести к путанице в случае проектов TypeScript с @types/jquery, поскольку страницы, на которых отсутствует импорт, могут не предупреждать об этом.