Использовать плагины jQuery «в те времена» было просто.
<script src="jquery.js"></script> <script src="jquery.slider.js"></script> <script src="app.js"></script>
Но если вы хотите быть крутым и устанавливать плагины с npm и импортировать их как модули ES6, это не выход. Вместо этого вы бы хотели сделать что-нибудь вроде этого:
// app.js
import $ from 'jquery';
$('.slider').slider();
Но этого недостаточно. Вы должны импортировать плагин слайдера в, и это головная боль, чтобы понять, как это сделать.
Вы можете require() плагин, но поскольку он, скорее всего, ищет глобальную window.jQuery переменную, это не сработает.
Решение - использовать плагин импорт-загрузчик Webpack.
npm install imports-loader
Теперь вы можете require() использовать плагин и внедрить jQuery как глобальный.
// app.js
import $ from 'jquery';
require('imports-loader?window.jQuery=jquery!./node_modules/path-to-slider-script.js');
$('.slider').slider();
Считайте это в основном примечанием для себя в будущем.
