Как подключить jquery через webpack?

Чтобы подключить jQuery через Webpack, вам понадобится выполнить несколько шагов.

1. Установите пакеты jQuery и webpack:

npm install jquery --save
npm install webpack --save-dev

2. В вашем файле JavaScript, который будет компилироваться с помощью Webpack, импортируйте jQuery:

import $ from 'jquery';

3. Добавьте плагин ProvidePlugin в ваш конфигурационный файл webpack.config.js:

const webpack = require('webpack');

module.exports = {
  // ...
  plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery'
    })
  ]
  // ...
};

4. Теперь вы можете использовать jQuery в своих модулях без явного импорта:

$('#myElement').addClass('highlight');

5. Наконец, чтобы скомпилировать ваш код с помощью Webpack и включить jQuery, запустите следующую команду:

npx webpack

Webpack скомпилирует ваше приложение и создаст выходной файл с включенным jQuery. Этот файл вы можете подключить к вашей веб-странице:

<script src="dist/main.js"></script>

Теперь jQuery будет доступен в вашем проекте и вы сможете использовать все его функции и методы.

Надеюсь, эта информация поможет вам подключить jQuery через Webpack. Удачи с разработкой!