Публикации по теме 'webpack'
Что такое вебпак?
Webpack, в своей самой простой форме, представляет собой упаковщик модулей для современных приложений JavaScript. Когда Webpack запускается в проекте, он создает граф зависимостей, который принимает все типы модулей, которые могут понадобиться проекту, и в результате обработки этого графа он создает пакет приложения в качестве вывода.
Хотя современные библиотеки javascript сами создают модули веб-пакетов и пакетов, это очень полезно знать.
По сути;
По умолчанию Webpack..
Как запустить функцию aws-amplify в Интернете с помощью Live Server
Мы создадим простую функцию входа в систему, используя aws-amplify на реальном сервере.
Предпосылки:
1-) Код Visual Studio
2-) Дополнение Live Server
3-) узел и нпм
Установка файлов:
Давайте начнем.
1-) Создайте папку проекта.
2-) Откройте терминал.
3-) Перейдите к вашему файлу с помощью терминала.
4-) Запустите эту команду на терминале:
npm init -y
5-) Создайте файл «.js». Я создал один с именем index.js.
6-) Создайте файл «webpack.config.js»
Теперь ваша..
Webpack 5: загрузчики активов против. Модули активов
Несколько недель назад я боролся с проектом React.js, в котором было много старых и устаревших зависимостей и плагинов. Я начал обновлять версию Webpack (с 4.5 до 5.5) и версию Babel (с 6 до 7). Вы должны иметь в виду, что после обновления только вашего сборщика и транс-компилятора вы, возможно, не сможете снова запустить свой проект. В моем случае в проекте было много устаревших плагинов, например. babel-polyfill и babel-preset-stage. Я потратил слишком много времени на это, потому что..
Betmanage Node.js AWS Lambda
AWS Lambda - это популярное бессерверное предложение, которое позволяет разработчикам развертывать приложения без сохранения состояния, не прибегая к сложностям управления инфраструктурой. Для получения дополнительной информации прочтите AWS Serverless .
Официальный способ развертывания AWS Lambda с javascript - использование package и deploy api AWS Cloudformation, подробности доступны в Документах AWS .
Хорошая вещь в этом подходе заключается в том, что он позволяет нам управлять..
Дзен встряхивания деревьев: руководство по упрощению кода JavaScript и сокращению времени загрузки
Мы много слышали о повышении производительности в JavaScript с помощью различных способов, и вы, возможно, также встречали термин Tree Shake. Пока я работал над оптимизацией своего кода, я подумал, что было бы неплохо поделиться этой темой здесь (также она пригодится мне в будущем 😊)
Встряхивание дерева — это метод, используемый в современной разработке JavaScript для удаления мертвого кода из окончательного пакета, что приводит к уменьшению и повышению эффективности кодовой базы...
Micro-Frontends: способ нового поколения для создания веб-приложений
В приложениях уровня предприятия работа над приложением из единой кодовой базы оказывается огромной головной болью . Для этой цели была создана архитектура Micro-Frontend . Давайте погрузимся в мир Micro-Frontend и обсудим некоторые тонкости использования этого подхода.
Что такое микро-фронтенд?
Давайте проверим определение, которое выдает поиск Google:
Микроинтерфейсная архитектура – это подход к проектированию, при котором интерфейсное приложение разбивается на..
Вопросы по теме 'webpack'
Почему мои webpack bundle.js и vendor.bundle.js такие невероятно большие?
Все мои проекты React, как правило, имеют невероятно большой размер файла (bundle.js — 4,87 МБ, а vendor.bundle.js — 2,87 МБ). Я понятия не имею, почему он такой большой. У меня уже включен uglifyJS, но это не очень помогает (5.09> 4,87 МБ и 2,9>...
23857 просмотров
schedule
29.10.2023
Есть ли способ программно переключиться на hashHistory из browserHistory на сервере разработки webpack?
Есть ли способ автоматически переключаться на hashHistory из browserHistory в React Router при использовании сервера webpack-dev? Я часто получаю сообщение об ошибке «Невозможно получить/ имя_маршрута », если страница обновляется. Я могу обойти эту...
519 просмотров
schedule
22.11.2023
Объявление общего модуля angular4 с угловым путем
Я разрабатываю приложение Angular 2, используя SystemJs, Typescript, WebPack. Использовал https://github.com/AngularClass/angular-starter в качестве семени моего проекта .
У меня есть общий модуль. Он содержит некоторые общие модели (такие как...
200 просмотров
schedule
20.10.2023
SyntaxError: Неожиданный токен 'const', несмотря на то, что я заменил const
Я пытаюсь экспортировать свое приложение firebase, чтобы я мог вызывать его внутри тестовых спецификаций мокко, а также в исходном коде, который я пытаюсь протестировать.
Моя тестовая спецификация Mocha выглядит так:
import Vue from 'vue'...
3866 просмотров
schedule
29.11.2023
tinymce внезапно перестает работать, когда я добавляю загрузчик css в конфигурацию webpack
Я запускаю свое приложение, клонируя код с https://github.com/DMPRoadmap/roadmap .
Этот проект использует webpack и npm.
Я хочу использовать select2, поэтому я сделал npm install select 2 в его каталоге lib/assets
Я хочу добавить поле...
45 просмотров
schedule
10.12.2023
Проблема с динамическим импортом babel и laravel-mix
при запуске npm run watch я получаю следующее предупреждение, которое приводит к сбою компиляции.
WARNING in ./resources/js/app.js 19:9-58
System.import() is deprecated and will be removed soon. Use import() instead.
For more info visit...
1166 просмотров
schedule
13.11.2023
Webpack неправильно отображает sass, если не экспортирует файл
Я пытаюсь настроить Webpack 4 для использования Sass для проекта MERN. Когда я использую mini-css-extract-plugin и экспортирую файл CSS, а затем связываю его в файле index.html, он работает. Однако, когда я пытаюсь связать css с файлом bundle.js,...
191 просмотров
schedule
19.12.2023
Проблема с URL-адресом CSS с плагином clean-webpack и загрузчиком файлов
Мне сложно добавить Font Awesome в свой проект webpack.
Я использую file-loader для передачи файлов веб-шрифтов в static/webfonts/ . Затем я использую mini-css-extract-plugin для извлечения css из пакета в static/css/ . Это приводит к...
140 просмотров
schedule
07.11.2023