Публикации по теме 'webpack'
Увеличьте свои статические ресурсы с помощью Uploadcare и Webpack в кратчайшие сроки
или загрузчик веб-пакетов со всей славой Uploadcare CDN API
Сколько ваших идей было отброшено ограничениями вашего графического контента? Или сколько времени вы потратили на обрезку / изменение размера / экспорт изображений для фонов, готовых к сетчатке, слайд-шоу вручную, не говоря уже о времени, потраченном на оптимизацию изображений и их преобразование? Когда в последний раз ImageMagick и его оболочки работали с первой попытки?
Как здорово было бы потребовать только один фон высокого..
Как перейти на Webpack 4
Сделайте столь необходимую реконструкцию своего Webpack.
Приложение, над которым мы сейчас работаем в Aon Cyber Solutions (1), представляет собой извлеченный CRA с TypeScript и Apollo GraphQL. К нашему удовольствию, у нас есть webpack.config.dev.js и webpack.config.prod.js , с которыми можно поиграть, и мы должны убедиться, что обе среды работают должным образом.
Все взволнованные обновлением нашей Storybook до версии 5, мы обнаружили, что наш Webpack нуждается в обновлении...
Давайте создадим приложение Marvel Comic с Vue
Введение
Что такое Vue? Согласно официальной документации по Vue, «Vue (произносится как / vjuː /, например, представление) - это прогрессивный фреймворк для создания пользовательских интерфейсов. В общем, Vue - это облегченная среда JavaScript для создания мощных клиентских приложений.
Требования
После всего сказанного следующее, что приходит на ум, это
«Имею ли я право продолжать работу, пока мы создаем наше комическое приложение?»
Официальное руководство предполагает..
Почему изображения необходимо импортировать для Webpack?
Понимание вашей системы сборки
По мере перехода от устаревших систем с ванильным кодом к расширенным системам сборки и одностраничным приложениям вы можете заметить некоторые изменения, которые не имеют немедленного смысла. Есть дополнительные шаги, которые немного не интуитивно понятны, и неясно, какая проблема решается. Одно из таких различий состоит в том, что <img src="./file.gif" /> больше не работает. Теперь вам нужно использовать import image from './file.gif'; ...
TreeShaking в Javascript
Treeshaking - это метод, с помощью которого мы можем устранить избыточный код. По мере роста проекта в репозиторий добавляется все больше кода, а размер пакета продолжает увеличиваться.
В Webpack есть функция удаления неиспользуемого кода с помощью различных плагинов, и встряхивание дерева зависит от способа написания кода. Если код написан в формате commonjs с использованием require.
С модульной системой esnext мы можем легко написать код, который может быть изменен с помощью..
Интеграция Google Workbox с помощью веб-пакета в собственное приложение (PWA), часть 1
Workbox — это новый проект от Google, который упрощает кодирование таких сценариев использования сервис-воркеров, как кэширование, фоновая синхронизация и постановка аналитики в очередь в автономном режиме.
Вы можете установить плагин workbox webpack из библиотеки NPM, используя следующую команду:
Плагин npm i workbox-webpack
Он установит последнюю библиотеку рабочих ящиков из NPM. Теперь, прежде всего, вам нужно сгенерировать файл сервисного работника, используя веб-пакет и рабочий..
Свяжитесь с конфигурацией веб-пакета
Если вы работаете над интерфейсом, вольно или невольно вы наверняка сталкивались с webpack. В то время как современный фреймворк настраивает веб-пакет «из коробки», всегда полезно знать, как работают внутренние тонкости, хотя поначалу это может показаться сложным. Удивительно, но это не так сложно, как вы могли ожидать.
Итак, давайте настроим конфигурацию веб-пакета для нашего проекта и узнаем, как она работает.
1. Установка проекта
Документация Webpack гласит:
По своей сути..
