Это руководство охватывает Webpack 3, а Webpack 4 уже выпущен. Но не волнуйся! Подавляющее большинство концепций остаются прежними. Так что, если вы хотите изучить загрузку Webpack и модулей, вы все еще в нужном месте. Самые большие различия находятся в области CommonsChunkPlugin.
Если вы все еще вручную включаете каждый файл JavaScript, от которого вы зависите, с помощью тега script ... есть лучший способ! ES6 представил концепцию модулей: способность (наконец-то!) Изолировать наш JavaScript на небольшие компоненты, которые живут в разных файлах (как мы делаем с классами в JavaScript).
Но чтобы это работало в Интернете, нам нужна помощь. Нам нужно что-то, что сможет прочитать наш импорт и объединить все, что нам нужно, в один файл JavaScript. Нам нужен Webpack:
Использование npm ... а затем yarn для управления пакетами
Настройка Webpack: упакуйте все модули в один файл
Вызов Babel из Webpack через загрузчик
Инструменты для веб-разработки для быстрой разработки
Webpack Hot Reloading !?
Обработка нескольких файлов («точек входа»)
Использование Uglify и подготовка к производству
Cache-busting с хэшированными именами файлов
CommonsChunkPlugin: объединяем общие модули
Загрузка и упаковка CSS / SCSS и изображения из JavaScript !?
И самое главное: получите возможность (наконец-то) написать организованный JavaScript!
Посмотреть больше
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
JavaScript for PHP Geeks: Webpack for Module Loading Awesomeness,
а также все другие курсы, прямо сейчас!
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Вы уже знаете и пишете JavaScript ... или JQuery. Но поскольку JavaScript берет на себя большую часть вашей жизни, пришло время поднять вашу игру на новый уровень! В этом курсе мы сделаем это, погрузившись в кучу кусочков JavaScript, которые вы можете «любопытно» понять или которые могут быть для вас совершенно новыми!
JavaScript для PHP гиков: ES6 / ES2015 (новый JavaScript)
JavaScript for PHP Geeks: ES6/ES2015 (New JavaScript)
Угадайте что? JavaScript развился во многом. Знаете ли вы, что новая основная версия JavaScript была выпущена ... в 2015 году !? Да, и в нем много новых функций и синтаксисов. Код, написанный на «новом» JavaScript, может быть едва различим на первый взгляд. Но эти новые функции захватывают Интернет. Давайте поговорим о них!
ReactJS! Woohoo! С ES6 и webpack, мы наконец-то можем повеселиться! В этом курсе мы познакомим вас с ReactJS, приведем его в действие через Webpack и начнем создавать реальное приложение. Да, настоящее приложение! Мы определим набор стратегий и передовых методов, которым нужно следовать, чтобы поставить этот сверхмощный инструмент под свой контроль!
symfonycasts
