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


Разделяй и властвуй! Ленивая загрузка для вашего СПА
Разделяй и властвуй! Ленивая загрузка для вашего СПА Увеличьте производительность с помощью всего лишь Webpack «Как, черт возьми, это так медленно? Я просто использую 100 компонентов. Заходите в браузер, делайте свое дело! » Звучит знакомо? Что ж, пора попробовать повысить производительность. Если вы веб-разработчик, скорее всего, вы используете Webpack в качестве сборщика модулей и, вероятно, не знаете, что такое ленивая загрузка. Что такое ленивая загрузка? Я знаю, о чем..
используя html-webpack-plugin для создания index.html
Теперь, когда мы настроили webpack для упаковки и объединения нашего js-кода в один файл - app.bundle.js , нам нужен index.html для нашего веб-приложения с тегом сценария, имеющим src='app.bundle.js' . У нас есть два варианта: создать его вручную или создать автоматически с помощью « html-webpack-plugin ». Вариант 1. Создайте index.html вручную Давайте сначала создадим файл index.html вручную. Внутри папки « dist », где webpack выводит файл app.bundle.js , добавьте файл «..
Разделите свой путь к райскому маяку
Вы когда-нибудь чувствовали себя настолько разочарованными из-за того, что Google Lighthouse не дал вам более высокий балл, чем вы заслуживаете? Как будто вы видите, что ваши показатели «Первая значимая отрисовка» и «Время до интерактивности» отсутствуют, и вы действительно не знаете, что делать. Что ж, прежде чем дать вам несколько полезных советов по улучшению вашей производительности, давайте определим, что на самом деле означают эти две метрики. Во-первых, я хотел разделить First..
Настройка Typescript для современного проекта с использованием webpack 4.
TypeScript — это язык с открытым исходным кодом, разработанный и поддерживаемый Microsoft. Впервые выпущенный в октябре 2012 года, его разработкой руководил Андерс Херлсберг, который также сыграл большую роль в создании языка C#. TypeScript — это типизированный надмножество JavaScript, который компилируется в обычный JavaScript. Вам может быть интересно… почему TypeScript? Что ж, JavaScript — это динамический язык без системы типов и не поддерживает некоторые..
Стабилизация webpack 3 (неделя 18–19)
Стабилизация webpack 3 (неделя 18–19) 2017/07/31–2017/08/13 Вы могли заметить, что заголовок отличается от предыдущих записей в бортовом журнале. Это задумано. Джеймс Гиллмор предложил сделать заголовок более привлекательным. webpack 3.5 За последние 2 недели было объединено 27 PR, и мы выпустили 3.5.0 плюс несколько версий с исправлениями (до 3.5.4). Наряду с множеством новых функций (см. Список изменений ) он также включал рефакторинг для (все еще экспериментального)..
Как разделить локали Moment.js на куски с помощью Webpack
Moment.js - отличная библиотека для работы со значениями datetime в javascript, но у нее есть некоторые недостатки. Когда вы устанавливаете его как библиотеку npm и собираете с помощью webpack, он по умолчанию включает все языковые версии, поэтому пакет большой. Взгляните на первый пример: 1. По умолчанию все языковые стандарты в одном файле. Давай попробуем. Создайте новый проект узла: mkdir project-with-moment cd project-with-moment npm init npm install moment npm install webpack..
Исправление для 100% использования ЦП node.js
Я наблюдал действительно высокий всплеск использования ЦП при запуске проектов, в которых использовался node.js, в большинстве случаев загрузка ЦП превышала 100%. Эта проблема может быть действительно пугающей, когда у вас есть наблюдатели, которые следят за изменениями файлов, например, для webpack. Как обычно, мой google-fu вызывал пару проблем с Github, где пользователи упоминали те же проблемы. Что за исправление? TL; DR установить / переустановить fsevents Установите..