Публикации по теме 'webpack'
Введение в Webpack
Сборка модулей, Загрузчики, Плагины, Babel
Webpack - это сборщик модулей для современных JavaScript-приложений. Операторы import и export стандартизированы в ES2015. Они пока не поддерживаются в браузерах, но webpack поддерживает их прямо из коробки. Но на самом деле это более мощный инструмент, который может помочь нам создать весь интерфейс.
Установка
Начнем с инициализации package.json с помощью команды npm init .
Глобальная установка привязывает вас к определенной..
Состояние Интернета: сборщики и инструменты сборки
Узнайте больше о прошлом, настоящем и будущем сборщиков, таких как Webpack, Rollup и Vite.
Со времен Browserify упаковщики играли чрезвычайно важную роль в веб-экосистеме. Они обеспечивают возможность автоматической обработки кода, что открывает возможности для оптимизации производительности и использования неродных языков. В этой статье рассматриваются предыстория сборщиков, их важность и их текущее состояние.
Фон бандлеров
Интернет до сборщиков
Для большей части Интернета..
Переключить накопительный пакет из Webpack
Tree Shaking в веб-пакете Я узнал о введении Tree Shaking при удалении неиспользуемого кода компонентов egjs InfiniteGrid. medium.com
Ранее мы применяли Tree Shaking в Webpack, и это помогло уменьшить размер.
Я искал другой способ уменьшить размер, кроме Tree Shaking. и нашел Rollup бандлер.
Как и Webpack , Rollup представляет собой сборщик, который делает модули (файлы) большого и сложного кода маленькими, как..
Рендеринг на стороне сервера React (без сервера)
Это вторая часть моего предыдущего поста Создайте прогрессивное веб-приложение с помощью React .
С тех пор прошло слишком много недель и всего (включая противостояние между Apache Foundation и Facebook из-за лицензирования React.js с открытым исходным кодом ), но я хотел вернуться к конкретной теме PWA: Рендеринг на стороне сервера .
В предыдущем посте мы достигли хороших результатов в Lighthouse , включив автономный доступ и добавив несколько метатегов в наше примерное приложение..
Что такое Webpack, как им пользоваться? (Революционный)
Webpack — это мощный инструмент, позволяющий разработчикам создавать эффективные и оптимизированные веб-приложения. Это сборщик модулей, который преобразует различные типы ресурсов, таких как JavaScript, CSS и изображения, в формат, который может быть эффективно доставлен в браузер.
Вот несколько ключевых понятий, которые нужно понимать при работе с webpack:
Модули: Webpack рассматривает каждый файл в вашем приложении как модуль и позволяет вам импортировать и экспортировать эти модули..
Команда Webpack 2 Docs хочет вас!
Как упоминалось в предыдущем посте, webpack 2 приближается. Однако есть одно большое препятствие - документация. Текущая документация хороша, если вы уже понимаете webpack. Но если вы только начинаете разбираться в этом инструменте, это нежелательно .
Собственно, это причина, по которой я начал работу над SurviveJS . Одна из его важных составляющих - бесплатная книга по webpack . Часть доходов коммерческой версии напрямую поддерживает проект webpack.
Новая версия → Новая..
Микрофронтенды стали еще лучше благодаря модульной федерации
С помощью федерации модулей Webpack выбирайте, что вы открываете из своих микро-интерфейсов.
Микро-интерфейсы - это автономные, независимо развертываемые приложения, имеющие собственный цикл разработки, которые все еще объединяются для общего блага.
Если вы хотите узнать больше о том, что такое микро-интерфейсы. Я рекомендую прочитать это.
Микро-интерфейсы в действии Давайте реализуем приложение, составляющее MFE, построенное на React и Angular..