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


Документ Webpack в двух словах
Установите зависимости: "devDependencies": { "webpack": "^5.4.0", "webpack-cli": "^4.2.0" } Запустите веб-пакет с конфигурацией: npx webpack --config webpack.config.js [webpack-cli] Compilation finished asset main.js 69.3 KiB [compared for emit] [minimized] (name: main) 1 related asset runtime modules 1000 bytes 5 modules cacheable modules 530 KiB ./src/index.js 257 bytes [built] [code generated] ./node_modules/lodash/lodash.js 530 KiB [built] [code generated]..

Объявление об официальном Gulp Consulting
Инструменты сборки стали обязательными в экосистеме JavaScript, но не у всех есть время, чтобы не отставать от новейших инструментов сборки или настраивать наиболее эффективные процессы. Мы постарались упростить работу с gulp, создав Руководство по началу работы и подробные Документы по API . К сожалению, этого недостаточно для всех. В течение последних четырех лет мы проводили дополнительные аудиты для проектов с открытым исходным кодом и частных компаний. За это время мы..

Статический импорт в среде выполнения Webpack 4
Webpack — важный инструмент в текущей эволюции экосистемы JavaScript. Он выполняет огромную работу по объединению модулей исходного кода в ресурсы, которые браузер может загружать и анализировать. Поскольку пользователи будут взаимодействовать с веб-страницами, использующими сгенерированный пакет, а не исходный код, я думаю, особенно важно, чтобы разработчики понимали, как Webpack манипулирует и упаковывает их код. Я создал надуманное приложение, чтобы использовать его в качестве..

Мой рабочий процесс OSS (часть 1)
Вам не нужен собственный рабочий процесс для создания проекта OSS, но вы должны. Так как это повышает вашу продуктивность на новый уровень ;) Я в основном делаю библиотеки JavaScript, некоторые из них для node.js, а некоторые для браузеров. Если в библиотеке есть только код JS и она ориентирована на последние версии node.js (5,6,7), я мог бы использовать шаблон nm , в основном он похож на генератор yoman, но создан с проектом sao , он обеспечивает следующие общие особенности, которые..

Как структурировать и масштабировать переводы внешнего интерфейса (с практическими примерами)
Привет, народ, На этот раз я здесь, чтобы показать вам то, о чем почти никто не говорит: как структурировать и масштабировать переводы внешнего интерфейса? Существует множество материалов о том, как переводить текст и как использовать множественное число и другие причудливые ресурсы, но никто никогда не говорит о том, как вы должны структурировать эти файлы перевода? Я имею в виду, что если вы работаете с большим количеством людей над своим проектом, сохранение всех строк перевода в один..

Использование анализатора пакетов Webpack для выявления раздуваемых пакетов
Я работаю над проектом, который состоит из одного основного приложения, общей библиотеки компонентов, общей «основной» библиотеки и (в настоящее время) 5 дополнительных приложений. Излишне говорить, что у него тяжелый случай раздувания пакета, и я не думаю, что он один. В результате того, что мы полагаемся на webpack для объединения наших приложений в один блок (я не жалуюсь, модули ES6 - прекрасная вещь, которую, как мне кажется, может подтвердить любой опытный JS-разработчик), размер..

Как использовать React, TypeScript и Webpack вместе?
Это 8-й урок из серии «Основы программирования». Я научу вас быстро и быстро, как использовать React, TypeScript и Webpack вместе. Предпосылки : убедитесь, что вы поняли предыдущие семь уроков. Если вы их не читали, то загляните. Все лекции вы найдете на codegodzilla.com Кстати ты потрясающий! ❤️ Читать дальше. Шаг 1/3 — установка кода Чтобы все прошло гладко, давайте удостоверимся, что у нас одинаковый код. Стартовый код для этого урока вы найдете по адресу..