Публикации по теме 'rollup'
Сборка пакета для встряхивания дерева с помощью rollup.
Сборка пакета для встряхивания дерева с помощью rollup.
rollup-esm-шаблон
Сборка пакета для встряхивания дерева с помощью rollup.
Требования
Установите флаг slideEffect: false в package.json
"sideEffects": false,
Сделать весь экспорт на ввод Настройка вывода на esm
export default {
input: ["src/*.ts"],
output: {
dir: pkg.module,
format: "esm",
},
plugins: [commonjs(), typescript(), resolve(), multiInput()],
};..
Бандлеры JavaScript, сравнение
Как упаковщики JavaScript сочетаются друг с другом?
В этой статье я познакомлю вас с загрузчиками и сборщиками модулей JavaScript. Я объясню, что это такое и почему они существуют. Во-первых, я дам вам обзор различных форматов модулей и их загрузчиков, а также представлю несколько примеров для каждого из них. Затем я расскажу о наиболее известных упаковщиках и сравню их друг с другом.
Если вы знакомы с различными определениями модулей и загрузчиками, вы можете перейти к разделу..
Rollup vs Webpack (объединение JavaScript в 2018 г.)
Хотя стандарты инструментов начали стабилизироваться в области JavaScript, все еще существует некоторая путаница в отношении того, какой инструмент для работы. Это несколько подробное сравнение Rollup и Webpack. Начнем со сравнения соответствующих файлов конфигурации.
Конфигурация
rollup.config.js
webpack.config.js
Обратите внимание на различия:
В Rollup есть полифилы узлов для импорта / экспорта, тогда как в webpack нет
Rollup поддерживает относительные пути, тогда..
Webpack и Rollup: одинаковые, но разные
Webpack и Rollup: одинаковые, но разные
На этой неделе Facebook объединил гигантский запрос на вытягивание с React, который заменил существующий процесс сборки на процесс, основанный на Rollup , предлагая нескольким людям спросить: Почему вы выбрали Rollup вместо веб-пакета ?
Это вполне разумный вопрос. Webpack - одна из самых успешных историй современного JavaScript-сообщества: миллионы загрузок ежемесячно используются для десятков тысяч веб-сайтов и приложений. У него..
Переназначение имен модулей JavaScript с помощью карт импорта
Без импортных карт не обойтись, если при разработке вы не хотите терять время на комплектацию.
Проблемы с URL-адресами в качестве спецификаторов модулей
Оператор import импортирует живые привязки из модуля, указанного спецификатором модуля:
import defaultExport from 'moduleSpecifier';
Когда браузеры начали поддерживать модули ES, в качестве спецификаторов модуля принимались только допустимые URL-адреса. Недавно реализованные карты импорта расширили выбор спецификаторов...
#ASKTHEINDUSTRY 33: Как сделать Tree Shake с роллапом?
Еще одно знание, которое я украл у медиаплеера Пол Льюис , строится открыто. "Вы можете найти это здесь". Я настоятельно рекомендую вам пойти и проанализировать его, чтобы узнать, как структурировать и построить PWA достаточного размера в 2017 году.
Это один из самых простых способов добавить свертки в ваш проект. Сначала, конечно же, вы устанавливаете накопительный пакет.
npm install rollup
Затем вы создаете свой сценарий для настройки объединения (клиент мощный, но я..
JS/TS Управление альтернативными реализациями с помощью RollupJS
Короткий пост о тривиальной вещи. Я в мире JS/ Электрон . Я просто решил, что хочу упаковать свое приложение для Electron, но также и для обычного браузера. Почему ?
А) Я могу сделать демо-версию приложения в Интернете! Б) Я могу использовать Кипарис для проверки!
Посмотрим, как далеко это зайдет, но в настоящее время я использую только две функции Electron/Desktop, которые можно легко имитировать в среде браузера:
Чтение и запись конфигурации приложения => Электронный магазин..