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

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

Упаковка библиотеки Typescript — Часть 1

Я видел, как разработчики изо всех сил пытались создать библиотеку из своего машинописного проекта. Вот краткое изложение статьи. Я храню эту таблицу в своей мышечной памяти. Примечание. Нам нужен пакет только для браузеров. Нам просто нужны транспилированные (.js) файлы, соответствующие каждому файлу машинописного текста. Читайте ниже, чтобы понять, как я пришел к таблице выше. Определить среду/вариант использования Попытайтесь определить, как будет использоваться ваша..

Сотрясение дерева в Javascript

Сотрясение дерева в Javascript В этой статье мы постараемся разобраться Что такое «тряска деревьев» Зачем нам нужен «Tree Shaking» Как включить «Встряхивание дерева» Как «Tree Shaking» помогает уменьшить размер пакета JS Некоторые примеры ЧТО такое "дрожание дерева" ? Встряхивание дерева — это термин, обычно используемый в контексте JavaScript для описания удаления мертвого кода. S0, Tree Shake — это форма устранения мертвого кода. Он опирается на операторы импорта..

Webpack и Sass

Webpack - это сборщик модулей, который очень часто используется в последних приложениях JavaScript. Я считаю, что это отличный инструмент, если вы хотите быстро начать разработку с минимальной настройкой. Однако, когда я захотел стилизовать свое недавно созданное приложение, настройка усложнилась. Во-первых, я хотел скомпилировать SASS в CSS, а затем я хотел загрузить собственные шрифты. Мне потребовалось некоторое время, чтобы эта конфигурация заработала. Этим постом я хотел бы избавить..

Настройте React и Webpack вручную

Если вы используете React, вы, вероятно, также используете create-react-app , что является отличным способом быстрой и простой настройки нового проекта React. Он скрывает всю конфигурацию процесса сборки, поэтому вы можете сразу сосредоточиться на написании кода. Таким образом, вам не нужно беспокоиться о настройке Webpack, Babel и других инструментов сборки. Но делать это вручную может быть очень полезно для целей обучения, поэтому давайте рассмотрим простой способ настройки вашего..

Настройка Phaser 3 с помощью Webpack и NodeJS — Часть II

В предыдущей статье мы обсуждали, как настроить проект Phaser 3 с помощью веб-пакета, а также написали для него конфигурацию разработки. Здесь мы обсудим варианты примера конфигурации webpack для продакшена (да, они будут немного отличаться). Если вы не читали первую часть статьи, посетите здесь . Профессиональный совет: Я создал пакет npm под названием @cdebadri/phasercli (например, create-react-app), с помощью которого фазерные игры можно легко настроить с помощью веб-пакета..

Начало работы с webpack

Июнь 2017 редактирование: 3 только что выпущено ! Синтаксис для 3.x идентичен 2.x, что означает, что эта статья все еще актуальна (если я что-то пропустил, прокомментируйте!). Подъем версии был сделан для большего количества закулисных вещей, но он действительно добавил простой в добавлении плагин Scope Hoisting , который может сократить размер вашего пакета, который стоит проверить! Перейдите в конец статьи, чтобы перейти к разделу Обновление до 3 (спойлер: он не отменяет ничего..

Отладка React (Preact) в VSCode

Я начинаю проект с помощью Preact и хотел настроить отладку через отладчик в Visual Studio Code (VSCode, кстати, отличный). Конвейер сборки использует Babel для транспиляции последних функций Javascript и Webpack для компиляции модулей в один файл сборки. Структура каталогов выглядит примерно так (пока не обращайте внимания на файлы .map , мы перейдем к ним): ├── build │ └── js │ ├── app.js │ ├── app.js.map │ ├── components │ │ ├── calendar.js │..