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


Использование Webpack с Typescript
Введение Если вы находитесь в мире веб-разработки, вы, скорее всего, хорошо разбираетесь в javascript. Если нет, я умоляю вас проверить некоторые ресурсы, касающиеся javascript и typescript , прежде чем продолжить эту статью. Если вы используете несколько тегов сценария в своем html-заголовке, есть некоторые приемы, такие как ключевое слово defer , чтобы оптимизировать время и способ выполнения сценариев. Большинство современных javascript использует синтаксис импорта модуля ES6 ,..
Создание масштабируемых и модульных микрофронтендов с помощью React и Module Federation
В процессе разработки мы внедрили микросервисную архитектуру для улучшения модульности наших серверных систем. Кроме того, для наших интерфейсных сервисов мы приняли подход микроинтерфейса вместо того, чтобы полагаться на монолитную структуру интерфейса. давайте погружаемся в тему шаг за шагом Что такое МФЭ Традиционно наш подход включает разработку единого монолитного внешнего приложения, развернутого с помощью конвейера непрерывной интеграции/непрерывного развертывания (CI/CD)...
Часть 2: Настройте Babel и добавьте React в свой проект
Часть 2: Настройте Babel и добавьте React в свой проект Добро пожаловать во вторую часть! Если вы пропустили базовую настройку проекта и webpack-dev-server, прочтите Часть 1 . В этом разделе мы сосредоточимся на добавлении React в наш проект и настройке загрузчика Babel. Давайте сначала выделимся жирным шрифтом и сделаем наш первый компонент React. Следуя структуре проекта из Части 1 , мы имеем: Перейдите в корневую папку на вашем терминале и запустите npm install react..
Готово и работает с ES6
Этот пост основан на моем недавнем упражнении для начинающих ES6. Мой новый проект на GIT даст вам гибкость для запуска ES6 с нуля и настройки вашего собственного проекта с надлежащей системой сборки на основе WebPack. Я касаюсь технологий Babel, Webpack, React, чтобы объяснить ваш ES6. Курс разделен на 15 (пятнадцать) различных упражнений, просто следуйте документации и изучайте es6. Удачи.!!! Репозиторий GIT: https://github.com/gsin11/up-and-running-with-es6
Настройка приложения Electron-Vue.
Недавно я взял electron (фреймворк js для создания настольных приложений) и создаю на нем приложение, используя Vuejs и Vuex . Я использую однофайловые компоненты vue для своего приложения, поэтому основными требованиями являются установка и настройка сборщика модулей (webpack) и транспилятора (babel). Я использую электрон-вебпак . Он предоставляет большинство конфигураций веб-пакетов, необходимых для электронного приложения из коробки. Эти конфигурации могут быть легко..
Освоение Webpack 5: создание собственного шаблона для непрерывной разработки
Освоение Webpack 5: создание собственного шаблона для непрерывной разработки В этой статье я проведу вас через настройку шаблона Webpack 5, который можно использовать для быстрого и эффективного запуска ваших проектов. В этом шаблоне будет все настроено, чтобы он мог быть начальной фиксацией любого проекта, который вы хотите быстро запустить и расширить. Оглавление:
Демистификация и настройка .babelrc
Привет народ! В последнее время меня интересовало, что такого шума вокруг экосистемы React. Эрик Эллиот сказал: Во-первых, программное обеспечение съело мир, сеть съела программное обеспечение, а JavaScript съел сеть. В 2018 году React съедает JavaScript. Скорее React ест JQuery. :П Как бы то ни было, я настраивал проект React с нуля, и одной из сложных задач, с которыми я столкнулся, было написание файла. babelrc . Я не хотел делать здесь ксерокопирование из какого-то блога..