Как импортировать внешнюю библиотеку jquery в веб-пакет?

Question

Я пытаюсь настроить среду для работы с webpack 4. Я подключил jquery к точке сборки, он доступен в коде, работает.Когда я подключаю к нему плагины jquery, возникают проблемы с импортом, веб-пакет не сохраняет порядок подключения, поэтому плагины не работают.Подскажите, как правильно импортировать плагины не в один файл, а по отдельности.Я перерыл все мануалы, перепробовал все варианты, ничего не понимаю.Как веб-пакеты обычно включают такие библиотеки в сборку?Я так понимаю через ProvidePlugin?Есть ли другие методы?Я просто хочу знать, какие методы используются, а какие вообще лучше.

моя точка входа index.js

import $ from 'jquery'; 
window.jQuery = $; 
  import './src/js/plugins/jquery.swipe'; 
  import './src/js/plugins/jquery.slider';
  import './src/js/plugins/jquery.parallax';
  import './src/js/plugins/custom';

вывод должен работать

• dist / jquery.js
• dist / jquery.swipe.js
• dist / jquery.parralax.js
• dist / custom.js
• dist /webpack.bundle.js

Answer 1

Попробуйте добавить JQuery онлайн CDN.как,

<script
  src="https://code.jquery.com/jquery-3.1.0.js"
  integrity="sha256-slogkvB1K3VOkzAI8QITxV3VzpOnkeNVsKvtkYLMjfk="
  crossorigin="anonymous">
</script>

В файле conig

module.exports = {
  externals: {
     jquery: 'jQuery'
  }
};

И определить зависимость

import $ from 'jquery';

Надеюсь, что эта работа ..