Публикации по теме 'bundler'
Как написать плагин Vite
Что такое Vite?
Vite — это оркестратор пакетов, который помогает нам управлять малыми и средними веб-приложениями. Его проще настроить, чем другие сборщики, и это хороший способ познакомиться с миром интерфейсной инфраструктуры.
Зачем писать плагины?
Как и в случае с любой технологией, иногда нам нужна некоторая настройка нашего кода и технологии. В этом случае нам нужно писать плагины vite во многих случаях, когда мы хотим изменить способ работы нашего сборщика, когда мы..
ParcelJS: Насколько это на самом деле просто?
ParcelJS: Насколько это на самом деле просто?
ParcelJS обещает стать «молниеносно быстрым сборщиком веб-приложений с нулевой конфигурацией».
Я хотел проверить это…
Начало работы
Для начала я создал пустой каталог и следовал руководству по установке здесь: https://parceljs.org/getting_started.html .
Теперь, когда у меня были необходимые инструменты CLI, я хотел посмотреть, как быстро я смогу что-то запустить и запустить. Я решил собрать простое приложение для реагирования...
Посылка 2! Обновленный бандлер 🌈
Мы очень близки к запуску Parcel версии 2 , и мы уже можем видеть в бета-версиях большие улучшения, которые она имеет.
Приступим к тестированию новой версии.
Мы собираемся создать простой приветственный мир
mkdir parcel-2-test && cd parcel-2-test
Затем инициализируйте новый проект пряжи и установите посылку 2 .
yarn init && yarn add --dev parcel@next
Создайте каталог src внутри файла index.html
<!DOCTYPE html>
<html lang="en">..
Настройка конфигурации Webpack - часть I
эта статья - первая часть базовой настройки веб-пакета для веб-приложений.
Настройка конфигурации Webpack - часть I (вы здесь) Настройка конфигурации Webpack - часть II
Webpack - один из самых популярных (›35,7 тыс. Звезд на github в день написания этого) javascript и других пакетов ресурсов, доступных для веб-разработки. Написав очень небольшую конфигурацию, вы можете начать с базовой настройки разработки.
В этой статье я покажу быструю настройку базовых конфигураций для..
Сотрясение дерева
Встряхивание дерева — это метод, используемый в современных инструментах сборки JavaScript для удаления мертвого или неиспользуемого кода из окончательного пакета, уменьшения размера пакета и повышения производительности приложения. Термин «встряхивание дерева» происходит от концепции «встряхивания» абстрактного синтаксического дерева JavaScript (AST) для удаления неиспользуемого кода.
Процесс встряхивания дерева включает в себя статический анализ кода, чтобы определить, какие части..
Системное мышление с помощью JavaScript
Каждый раз, когда мне нужно исправить ошибку, я следую одному и тому же рабочему процессу: когда кто-то из группы QA обнаруживает ошибку, он / она отправляет мне отчет об ошибке с инструкциями по воспроизведению ( STR ) проблемы. И если я не понимаю STR, я обычно прихожу к нему / ему, чтобы он / она мог показать мне ошибку на своем компьютере.
Этот рабочий процесс кажется довольно распространенным во многих компаниях, и я часто говорю себе, что у него должен быть лучший способ получить..
Выбор подходящего сборщика JavaScript в 2020 году
Почему мы выбрали Parcel для нашего фреймворка микрофронтенда Piral
Некоторое время назад сборщики ресурсов превратились из экзотической технологии в мейнстрим и превратились в необходимый инструмент при разработке современных веб-приложений.
В основе современных веб-приложений сборщик выбирает, какие пакеты включать и какой код выбросить. Сборщик также решил, какие ресурсы рассматривать и как их называть.
Самым известным сборщиком, без сомнения, является Webpack . Как проект, он..