Публикации по теме 'webpack'


Как написать Javascript в Rails 6 | Webpacker, пряжа и звездочки
Вы чувствуете себя потерянным из-за всех изменений, связанных с активами и Javascript? Npm, Babel, ES6, Yarn, Webpack, Webpacker, Sprockets - все они кажутся вам совершенно незнакомыми? Если вам нужно быстро и легко понять, как вся эта экосистема Javascript работает в приложении Rails 6, эта статья - то, что вам нужно. Я закончу эту статью пошаговым разделом, объясняющим, как добавить Bootstrap 4 и FontAwesome 5 в проект Rails 6. НПМ NPM - менеджер пакетов Javascript (точнее,..
Множественные записи
Иногда вам может потребоваться упаковать файлы javascript в несколько пакетов. Например, мы можем захотеть создать два пакета – app.bundle.js для всего нашего кода для конкретного приложения и еще один пакет vendor.bundle.js для всех наших зависимостей npm и включить эти два пакета в два отдельных тега ‹script› в вашем index.html . Давайте посмотрим, как мы можем настроить webpack для этого. Во-первых, давайте добавим ‘ lodash ’ как зависимость к нашему приложению. npm..
Проект React  — «От идеи к производству» — «Часть третья» — «Создание приложения Movie с использованием библиотеки компонентов»
Третий выпуск поста из четырех частей о том, как перенести идею из каркаса в производственное развертывание с помощью ReactJS. В этом посте мы создадим приложение для фильмов, используя библиотеку компонентов, созданную в предыдущем посте. Первоначально это было размещено здесь . Это третий пост в серии. Вы можете найти первый пост здесь Где мы Хорошо, так что до сих пор у нас есть Мы провели мозговой штурм над нашей блестящей идеей создать приложение для просмотра..
Краткое изложение основ Webpack 4 от Шона Ларкина (Часть 2 из 4: Webpack с нуля)
Самоучитель JL # 15 Серия [Самоучитель JL] [ Net Ninja ] JS Regular Expressions [ Net Ninja ] Vue JS2 ( git fetch --all of_3">Part1 , git config --get remote.origin.fetch of_3">Part2 , +refs/heads/*:refs/remotes/origin/* of_3">Part3 ) [ Net Ninja ] Vuex [ Net Ninja ] Python3 ( git fetch --all of_3">Part1 , git config --get remote.origin.fetch of_3">Part2 , +refs/heads/*:refs/remotes/origin/* of_3">Part3 ) [ Net Ninja ] Django ( git fetch --all of_3">Part1 , git config..
Запускаем webpack… все входы и выходы: Часть 1
Возиться с ReactJS было весело, так как create-react-app делал за меня всю грязную работу. Все, что мне нужно было сделать, это запустить $ create-react-app _Project name_ и, вуаля, у меня было готовое приложение для реагирования, с которым можно было работать. Но некоторые мои коллеги-разработчики обходились без этого, мне, как большому любителю абстракции, было все равно, пока у меня не было интервью, и там меня спросили о чем-то вроде веб-пакета. Мне удалось избежать этой проблемы,..
Раскрытие пакетов: Webpack, Rollup и Parcel
Создание и оптимизация пакета проекта JavaScript - сложный процесс. Настройка рабочего процесса утомительна, а создание собственных файлов конфигурации с самого начала так же увлекательно, как создание корневого канала - болезненно, но необходимо. Выбор подходящего сборщика для вашего проекта не только сэкономит вам время и избавит от головной боли в процессе сборки, но и существенно повлияет на время загрузки вашей страницы (кричите React, чтобы сделать bundle.js больше, чем аннотированная..
Вам, вероятно, понадобится набор инструментов для сборки
Предполагая, что вы хотите использовать новейшие языковые функции TL;DR Вероятно, вы захотите использовать новые возможности языка JavaScript. Вы, вероятно, захотите поддерживать устаревшие браузеры, такие как IE11, и необычные браузеры Android / IOS. Вероятно, вы хотите, чтобы ваш веб-сайт был продуктивным (объединение CSS / JavaScript) Вы можете стать более эффективным разработчиком, используя такие плагины, как Hot Module Reloading (HMR). Мы обсуждаем, как использовать Webpack и..