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


Как создать приложение Vue.js с использованием однофайловых компонентов без интерфейса командной строки.
В этой статье будет полезно понимание однофайловых компонентов (SFC) Vue и диспетчера пакетов узлов (NPM). Интерфейс командной строки фреймворка, или CLI, является предпочтительным методом формирования проекта. Он обеспечивает отправную точку для файлов, папок и конфигурации. Эти строительные леса также обеспечивают процесс разработки и сборки. Процесс разработки дает возможность видеть обновления, происходящие при редактировании проекта. В процессе сборки создается окончательная..
Изображения Webpack с imagemin, responsive-loader, copywebpackplugin и url-loader
Изображения с imagemin-webpack, copy-webpack-plugin, url-loader и responsive-loader Я хотел поддерживать оба минимизированных изображения в их существующем формате (png, jpg) и т. д., а также создавать веб-версии этих изображений. Цель была Поддержка url-loader, responsive-loader, imagemin-webpack и copywebpackplugin. Поддержка веб-изображений (минимизированных) с адаптивным загрузчиком в браузерах, которые их поддерживают. Поддержка адаптивных изображений (минимизированных) в..
Проблемы безопасности webpack-dev-server / middleware
Последствия, исправления и многое другое TL;DR Эд Морли из Mozilla сообщил о проблеме безопасности. Я обнаружил еще несколько проблем с безопасностью. Эти проблемы были исправлены в webpack-dev-server@^2.4.3, webpack-dev-server@^1.16.4, webpack-dev-middleware@^1.10.2. Исправления - это критические изменения для небезопасных конфигураций. Не используйте disableHostCheck или Access-Control-Allow-Origin: * Отказ от ответственности Я не эксперт по безопасности, поэтому,..
Как отключить исходные карты в Gatsby v2
Gatsby.js - отличный инструмент для создания статических сайтов с использованием React. Кроме того, он использует принципы прогрессивных веб-приложений, чтобы сделать их невероятно быстрыми . Я создавал свой первый статический веб-сайт, используя версию 2, и столкнулся с проблемой исходных карт. Исходные карты могут быть отличными. Они помогают вам отлаживать код в удобочитаемой форме. Но иногда они просто не нужны в производстве. Я не буду судить, нужны они вам или нет, но я..
Разработка Dapps Ethereum с помощью JavaScript
Настройка среды разработки для Dapps с Ethereum на этой ранней стадии технологии не всегда тривиальна. Но с этой инструкцией вы сможете работать над своим Dapp, и все, что вам нужно, это установить Node.js и NPM. Мы будем использовать веб-пакет для обслуживания вашего Dapp и ganache-cli для запуска вашей частной цепочки блоков за считанные секунды. Web3.js используется для подключения вашего децентрализованного приложения к нашей частной цепочке блоков Эфириума. Чтобы создать наш проект..
Разделение кода в React с использованием Webpack
Клиентская веб-разработка претерпела множество изменений в дизайне, начиная с выгрузки всего кода (включая PHP + HTML + CSS + JS и т. Д.) В один файл до написания модульного кода, в котором мы разбиваем код на более мелкие части, чтобы упростить процесс разработки. Точно так же способы доставки кода на клиентскую сторону претерпели значительные улучшения. В настоящее время распространенной практикой для одностраничных приложений (SPA) является объединение всех этих файлов в один файл JS (в..
Многостраничный сайт с React в 2017 году
Я опубликовал обновленное руководство на 2020 год , в котором описаны улучшения и обновления экосистемы React. Начать работу сейчас намного проще , чем в 2017 году, когда было опубликовано это руководство. Направляйтесь туда , чтобы получить самую свежую информацию! tl;dr По-прежнему довольно сложно создать основы с помощью React с нуля; следуйте этому руководству или вместо этого клонируйте это репо ! Фон Я уже пару месяцев хотел научиться пользоваться React . На то..