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


Переход от импорта, требующего узла, к импорту машинописного текста
Сценарий В настоящее время нам требуется fs в узле: const fs = require('fs'); Нам интересно, что такое эквивалентная версия машинописного текста? Отвечать С помощью Typescript после запуска npm install --save-dev @types/node мы можем импортировать fs конкретную функцию, которую мы хотим, из библиотеки fs с помощью деструктурированного импорта следующим образом: import { writeFileSync } from ‘fs'; Деструктурированная часть важна в том случае, если вы хотите..
Сборщик модулей Javascript: Webpack (необходимо изучить)
Здесь мы узнаем, как использовать веб-пакет в приложении с пользовательским интерфейсом 📚 Что такое веб-пакет? Webpack — это бесплатный сборщик модулей с открытым исходным кодом для JavaScript. Он создан в первую очередь для JavaScript, но может преобразовывать интерфейсные ресурсы, такие как HTML, CSS и изображения, если включены соответствующие загрузчики. Webpack берет модули с зависимостями и генерирует статические ресурсы, представляющие эти модули. 📚Как создать..
Возможно, вам не понадобится инструмент для сборки
Полезно знать о «родном» способе Инструменты сборки бывают всех размера и цвета . Но действительно ли они вам нужны? Разве не было бы проще просто следовать исходной документации CLI для Rollup, Stylus или чего-то еще и положить конец этому? Не говоря уже о том, что они складывают много зависимостей . Я собираюсь показать вам «родной» способ работы со сценариями NPM и chokidar. Инициализировать проект node.js Начнем с создания проекта node.js. Откройте свой терминал и..
Разработка и публикация библиотеки компонентов React для NPM (styled-components + Typescript)
Разработка и публикация библиотеки компонентов React для NPM (styled-components + Typescript) Допустим, вы хотите создать пакет NPM с компонентами React, оформленными в стиле styled-components, и также хотите использовать Typescript. Предположим, ваша библиотека будет называться test-react-component-lib . Я подготовил шаблонный репозиторий, который позволит вам легко разработать и развернуть вашу библиотеку компонентов в NPM. Он основан на версии rollup-starter-lib на Typescript..
Как создать библиотеку JS и опубликовать ее в npm
Вы когда-нибудь писали какой-нибудь замечательный код, который хотели бы использовать во всех своих проектах, и в итоге вам приходилось вручную его копировать? Я сделал. Даже если бы я знал, что могу сделать это лучше, я думал, что весь процесс создания и публикации пакета npm очень сложен. Однако после некоторых исследований я обнаружил, что это не так. На самом деле это довольно просто. В конце этой статьи вы сможете создать свою собственную минимальную библиотеку утилит..
Раскрытие пакетов: Webpack, Rollup и Parcel
Создание и оптимизация пакета проекта JavaScript - сложный процесс. Настройка рабочего процесса утомительна, а создание собственных файлов конфигурации с самого начала так же увлекательно, как создание корневого канала - болезненно, но необходимо. Выбор подходящего сборщика для вашего проекта не только сэкономит вам время и избавит от головной боли в процессе сборки, но и существенно повлияет на время загрузки вашей страницы (кричите React, чтобы сделать bundle.js больше, чем аннотированная..
Понимание динамики Webpack
Поскольку Webpack правит троном как инструмент фактического связывания наших веб-приложений и после того, как мы использовали его в течение многих лет, становится важным знать о его внутренних механизмах и проводниках. Как webpack решает проблему создания дерева зависимостей? Какое волшебство он делает, чтобы загружать не только файлы JS через импорт, но и статические ресурсы, такие как шрифты, изображения и т. Д.? Давайте обсудим Что такое Webpack и как он работает ? История..