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


Распаковка упаковки…
Prepack был недавно открыт в Facebook и уже получил 4К звезды на Github (что здорово, учитывая, что он настолько новый, что им еще нужно выбрать значок для него!). В этом посте мы рассмотрим, что он предлагает и зачем вам это нужно? Что такое Prepack? Prepack - это оптимизатор кода, который пытается точно настроить те части вашего кода, которые выполняются на этапе инициализации ваших модулей. В его основе лежит интерпретатор, совместимый с EcmaScript 5, с помощью которого он..
Мы выпускаем webpack-cli v.3
Что ж, это не совсем так, но мы скоро там! Чтобы вы могли лучше понять, повлияет ли это на вас или нет, мы написали сообщение о том, что мы собираемся изменить. Обзор Большая часть webpack-cli с прошлого года до этого была сосредоточена на создании строительных лесов и снижении требований для входа при начале работы с webpack. Мы пытаемся создать хорошую экосистему, чтобы пользователи могли составлять свои конфигурации с помощью строительных лесов и автоматизации настройки конфигурации..
Настройте конфигурацию Webpack в своем приложении Angular
🤓 Краткий обзор Angular CLI - ценный инструмент, который каждый разработчик Angular использует для простой инициализации, разработки, формирования и обслуживания своих приложений. Однако одной из важных вещей, которой до сих пор не хватало, является возможность расширить существующую конфигурацию webpack и добавить свои собственные загрузчики или плагины. Конечно, были некоторые хаки, такие как использование ng-eject или экспериментального Architect API, но это было рискованно и..
Разделение кода с динамическим импортом - Test and Learn
Понимание того, как работает динамический импорт, из простого демонстрационного приложения Разделение кода и динамический импорт - одна из привлекательных особенностей таких инструментов связывания, как Webpack, Parcel и Bazel. С помощью этих функций вы можете разбить код на небольшие части, а затем загружать их по запросу только тогда, когда это необходимо. Это может сократить время загрузки страницы вашего приложения. Но задумывались ли вы когда-нибудь о том, как будут выглядеть..
1-й информационный бюллетень FaceySpacey в Reactlandia
Привет всем! Прежде всего, я хочу поблагодарить вас за то, что вы были одним из наших первых сторонников. Я всегда буду помнить, кто вы такие. Я несколько раз анализировал список, чтобы попытаться запомнить ваши имена: Это только начало. У нас в запасе намного больше. ЧТО Я ДЕЛАЮ Я хотел бы на секунду описать, чем я занимаюсь. По сути, я провел около полутора лет с React (и React Native) и решил, что мне надоели различные обходные пути, и что я создам ситуацию для..
Создание приложений для реагирования с нуля (настройка Webpack4 для проекта React)
Webpack - это сборщик. Компоновщик объединяет ваш код и его зависимости и объединяет их в файл. Этот файл проще развернуть. Чтобы полностью понять этот пост, вы должны немного разбираться в javascript, реагировать / учиться реагировать. Общий обзор должен подойти. Установите React и React dom npm install react Установите webpack, webpack-dev-server и webpack-cli npm i --save-dev webpack webpack-dev-server webpack-cli Установите @ babel / core, babel-loader, @ babel /..
Все, что вам нужно знать о Webpack в примерах
В этой статье будут рассмотрены все основные идеи, лежащие в основе webpack - сборщика модулей. Вы узнаете, как настроить webpack, добавить ресурсы, добавить файлы css, связать файл js, запустить сервер, сборку prod и dev и многое другое… Какие темы освещаются в этой статье: 1. Простейший проект и установка Webpack; 2. Файл конфигурации; 3. Восстановить пакет при сохранении файла; 4. Использование webpack-dev-server; 5. Несколько файлов в комплекте; 6. Использование..