Я решил, что хочу использовать Webpack и Babel для разработки своей темы Wordpress, потому что я хочу поддерживать функции ES6 и по-прежнему работать с моим веб-сайтом в старых браузерах (IE11), а также другие преимущества, такие как возможность импортафайлы, так что мне не нужно иметь все мои JS в одном большом файле script.js (например, для тем, которые используют WebGL).
Я впервые настраиваю и использую Webpack, я довольноКонечно, у меня все настроено правильно, потому что я следовал нескольким учебникам, и все отлично работает, но мой главный вопрос - использование внешних библиотек.У меня есть пара, которую мне нужно использовать (например, Chart.js, Flickity, Magnific Popup и т. Д.), Установленная через NPM.У меня есть основной script.js файл, который содержит мой обычный код Javascript и упакован в bundle.min.js, который является файлом, поставленным в очередь в Wordpress.
Как лучше всего использовать внешние библиотеки вместе смой script.js файл с веб-пакетом?
На данный момент лучшее решение, которое я нашел, - это настроить файл script.js следующим образом:
// Imports
import 'magnific-popup/dist/jquery.magnific-popup.min.js';
import 'flickity/dist/flickity.pkgd.min.js';
import 'chart.js/dist/Chart.bundle.min.js';
script.js code...
Когда я запускаю npm run build, все работает отлично, и babel and uglify js творит свое волшебство, чтобы минимизировать и заставить код работать в старых браузерах, но по какой-то причине я чувствую, что есть лучший способ сделать это, потому что я не мог найти какой-либоинформация онлайн об этом.
Это лучший способ сделать это?