Публикации по теме 'webpack'
Привет, спасибо за статью.
Привет, спасибо за статью.
С такими же проблемами мы сталкиваемся при попытке связать модули БЭМ и CSS. Мы рефакторим кодовую базу с AngularJS на React с новым дизайном, поэтому у нас есть некоторые конфликты классов css из старых стилей для общих компонентов, таких как кнопки, ссылки и т. д. (это причина использования модулей CSS). Как вы уже сказали, переход только на модули CSS принесет много неудобств, кроме того, мы установили БЭМ в качестве решения для наших команд, поэтому мы..
Как использовать gzip-файл webpack в продакшене с помощью nginx.
Если вы создаете веб-приложение, которое использует сборщик веб-пакетов, оптимизация сжатия сайта настолько проста, gzip - эффективный способ сэкономить полосу пропускания и ускорить работу вашего сайта.
Проверьте текущий размер пакета вашего приложения и просмотрите. Например, я сравнил простое приложение с до и после сжатия.
После сжатия размер приложения с 277 КБ до ~ 91,2 КБ! 🤔
Вместо создания bundle.js сгенерируйте bundle.js.gz с помощью плагина сжатия Webpack ...
Включение модуля CSS в приложении create-response-app
Как новичок, я изучаю реакцию и обнаружил небольшое изменение при попытке включить функцию модуля CSS в файле конфигурации, и мне нравится отмечать способ решения моей проблемы, поэтому я пишу это. Итак, недавно мы только что создали проект реакции с приложением create-react-app, здесь «react: 16.6.0».
Чтобы включить модуль CSS, сначала перейдите в каталог проекта, затем откройте командную строку и запустите npm run eject
Теперь внутри папки config вы найдете файлы..
Что такое шаблон? И как создать свой собственный React Boilerplate?
Простейшее объяснение и метод для учащихся React
Привет, энтузиасты и ученики React. Сегодня мы собираемся увидеть, что такое шаблон? И как мы могли бы создать его с минимальными навыками, будучи новичком или младшим разработчиком?
Итак, начнем.
Что такое шаблон?
Проще говоря, это просто некоторый кластер кода и библиотек, который требуется в каждом проекте или подобных проектах. Благодаря наличию шаблона вы можете легко запустить свои простые или самые сложные проекты в..
Обработка изображений
Обычно есть два способа использования изображений в веб-приложении - с помощью тега ‹img› в HTML или через css, установив свойство 'background-image' в Класс или стиль css элемента HTML.
Изображения обычно хранятся либо на каком-то CDN, либо в отдельной папке на веб-сервере. В качестве местоположения изображения вы указываете URL-адрес изображения или относительный путь к изображению, если оно хранится в папке на сервере.
С помощью Webpack загрузку изображений можно оптимизировать с..
Прокси-сервер Webpack с промежуточным ПО http-proxy
ОБНОВЛЕНИЕ 11 января 2016 г .: PR был объединен, webpack-dev-server теперь использует http-proxy-middleware, поэтому следующий код не нужен.
ОБНОВЛЕНИЕ 3 января 2016 г .: Я внедрил http-proxy-middleware в проект webpack-dev-server. Вы можете прокомментировать / внести свой вклад в PR здесь: https://github.com/webpack/webpack-dev-server/pull/359/files
Я недавно пользуюсь Webpack и очень люблю его. Это самый простой сборщик, который я когда-либо использовал. Однако сегодня я..
👋 Прощай, звездочки. Добро пожаловать, Webpacker
Простое руководство по переходу со Sprockets на Webpacker
Обновлено 1 мая 2020 г. для Webpacker 5.
Обновлено 30 августа 2019 г. для Webpacker 4 и Rails 6.0 и добавлены пользовательские шрифты.
Это руководство познакомит вас с процессом миграции вашего Rails-приложения со Sprockets на Webpacker. Несмотря на то, что Webpacker предлагает продолжать использовать Sprockets для CSS и изображений, я действительно не понимаю, почему мы должны держать два сборщика одновременно, когда мы..