Публикации по теме 'webpack'
Настройка среды React
Это руководство научит вас создавать React среду и начать разработку с react , webpack и sass . В этом руководстве мы не будем использовать create-react-app cli, вместо этого мы создадим среду react dev с нуля.
Сначала мы установим webpack и произведем минимальную настройку. Затем мы создадим простой React компонент. После этого разберемся с Redux . Наконец, мы можем написать некоторые правила стиля для компонента приложения с SASS и настроить загрузчики веб-пакетов..
Развертывание фрагментов пакета Webpack в стиле микросервисов
Внешние микросервисы. Отличная идея? Табу? Ересь? Невозможно? Вероятно, любой из них или все, в зависимости от контекста. Сама идея не нова. Моя команда была заражена этим из-за видео Spotify, в котором объясняется организация их команды, а также из-за разговора на конференции о решении Zalando Mosaic ( https://www.mosaic9.org/ ). Конечно, если такие технологические гиганты этим занимаются, это хорошая идея.
Однако наши мотивы оказались отличными от их или тех, которые привели к..
От AMD до ES2015
Я считаю, что сути того, как работают модули ES2015, достаточно, чтобы заставить кого-то купить их прямо сейчас. Итак, в этом посте я поделюсь своим опытом миграции AMD ES5 с использованием кодовой базы Require.js на ES2015 с использованием Webpack и Babel .
Краткий отказ от ответственности: я делюсь здесь своим опытом и мнениями, вы можете использовать их на свой страх и риск, но, пожалуйста, не считайте это учебным пособием, поскольку могут быть предостережения, с которыми я не..
Vite VS Webpack: взгляд на Vite как на замену Webpack в 2023 году
Создание проекта с нуля: TypeScript + Jest + Sass + ESLint
Начинать новый проект — наверное, одно из самых скучных дел, когда у тебя уже есть идеи и задачи для реализации. И в течение последних нескольких лет стандартным инструментом для сборки был webpack.
Но время меняется, и теперь у нас, наверное, новая звезда — Вите.
Vite — это интерфейсный инструмент сборки, разработанный Эваном Ю. Это тот самый Эван Ю, который разработал фреймворк Vue и вывел на рынок Anguar и React.
У..
Что такое веб-пакет и как им пользоваться?
Webpack — это сборщик модулей JavaScript, который берет ваш код JavaScript и его зависимости и создает единый файл пакета, который вы можете включить в свое веб-приложение. Он также может преобразовывать, оптимизировать и объединять другие активы, такие как CSS, изображения и шрифты.
Чтобы использовать webpack, вам нужно сначала установить его. Это можно сделать с помощью npm, менеджера пакетов для Node.js, выполнив следующую команду:
npm install --save-dev webpack
Далее вам нужно..
Обновление нашей системы сборки до Webpack4
Как многие из вас знают, следующая основная версия webpack была выпущена недавно , что обещало значительно более быстрое время сборки и режим нулевой конфигурации для простых проектов. . В этом посте я остановлюсь на том, как мы обновили нашу систему сборки с webpack 3.10.0 до webpack 4.50.0.
Обновление систем сборки может быть очень сложным и страшным, потому что (если вы похожи на меня) вы не всегда знаете, что происходит под капотом. Надеюсь, прочитав это, вы лучше поймете,..
Вопросы по теме 'webpack'
Babel, Karma и Webpack не работают
Я использую babel с веб-пакетом и тестирую карму и жасмин. Чтобы использовать Set() (требуется полифилл), я добавил:
loader: 'babel-loader?optional[]=runtime'
к конфигурации.
Это работает отлично для самого приложения, но тесты не...
11.12.2023
Требуются изоморфные Webpack и Nodejs с абсолютным путем
ЦЕЛЬ : я пытаюсь настроить проект в nodejs и webpack таким образом, чтобы функция require могла использовать каталог проекта в качестве корневого, поэтому я может потребоваться с абсолютным путем относительно корня проекта в обеих средах (...
28.10.2023
Исходные карты для Typescript в Webpack (исходные карты не отображаются при использовании webpack-dev-server)
Я пытаюсь использовать Typescript ( awesome-typescript-loader ( ссылка )) вместе с Webpack, но Я не вижу исходные карты в браузере при запуске webpack-dev-server . Та же установка работала с классами babel-loader ( ссылка ) и классами ES6 (я мог...
16.11.2023
Исключить файлы из require.context Webpack
Я пытаюсь включить в require.context Webpack все файлы, которые должен освещать мой репортер в Стамбуле.
Я хотел бы включить/требовать все файлы под app , которые не имеют расширения .test.js .
// internals/testing/test-bundler.js
const...
12.01.2024
Ошибка: JavaScript Bootstrap требует jQuery, используя Webpack
Я новичок в веб-пакете, но я начал использовать его в одном из своих проектов, чтобы узнать об этом.
Я хотел бы использовать jQuery с Bootstrap, однако, когда я запускаю приложение, я получаю следующую ошибку:
bootstrap.min.js?5802:6Uncaught...
19.01.2024
Точка Vue Router Webpack в параметрах
Я создаю приложение с NodeJS/Express для задней панели и VueJS для передней панели, используя Vue Cli и webpack.
Я хотел бы знать, есть ли способ разрешить точку в параметрах для моих маршрутов.
Вот что я получаю, когда пытаюсь без конфигурации...
29.11.2023
Почему ExtractTextPlugin создает пустой файл css через плагин? Почему загрузчик sass предоставляет пустые объекты при импорте с помощью Webpack?
Я настроил веб-пакет для использования ExtractTextPlugin для создания одного файла css из sass, а также для того, чтобы он был доступен в приложении reactjs через импорт через загрузчик веб-пакетов.
Использование файлов sass обнаруживается с...
22.01.2024
Как использовать пакеты NPM с существующим проектом C#/MVC для развертывания git в Azure?
У меня есть довольно большое приложение .Net MVC. Код на стороне сервера полностью C#, и у меня есть тонны TS на стороне клиента. Все мои библиотеки JS находятся в каталоге Scripts, большинство из них помещаются туда пакетами Nuget. Все мои JS...
23.01.2024
Динамический импорт Webpack на основе имени записи
Я пытаюсь, чтобы Webpack связывал определенные файлы в зависимости от файла записи.
У меня есть несколько входных файлов в моем проекте. Все они используют общие вспомогательные функции (отдельные модули), но некоторые входные файлы используют...
29.11.2023
Webpack 3: ошибка загрузчика стиля css-loader
Я получаю следующую ошибку:
ОШИБКА в ./common/app.css Ошибка синтаксического анализа модуля: E:\universal-starter\common\app.css Неожиданный токен (1:5). Для обработки файлов этого типа может потребоваться соответствующий загрузчик.
|...
09.12.2023
React router 4 - маршрутизация + разделение кода, с webpack 1.9
Я пытаюсь обновить кодовую базу реагирования двухлетней давности, чтобы использовать последнюю версию реагирующего и реагирующего маршрутизатора. Я вообще не касался конфигурации веб-пакета и предполагаю, что мне это не понадобится. Я новичок в мире...
15.01.2024
самый простой способ копирования всех объектов в массив
У меня есть около 250 файлов json, которые я хочу скопировать в массив, мой проект основан на vuejs и webpack.
вот мой код ниже
import ch1 from 'assets/json/ar/ch1.json';
import ch2 from 'assets/json/ar/ch2.json';
....
....
import ch100 from...
25.11.2023
Можно ли использовать require.context для динамического импорта Webpack?
В настоящее время я использую require.context для загрузки всех моих .vue компонентов, имя файла которых не заканчивается на Async .
const loadComponents = (Vue) => {
const components = require.context('@/components', true,...
22.01.2024
Laravel, Datatable, Composer и Webpack: рекомендации, позволяющие разработчикам настраивать мою библиотеку в своих проектах.
Чтобы установить контекст, я создаю приложение CRUD для Laravel. Он устанавливается через композитор, поэтому исходные коды находятся в каталоге vendor/organization/package .
В своем проекте я использую Datatable . Поэтому я использую Laravel...
07.01.2024
Webpack 4 — файл ввода машинописного текста
Я настраиваю свой небольшой личный проект и наткнулся на проблему с машинописным текстом и отреагировал. Когда я использую index.js в качестве точки входа, все идет нормально, но когда я использую файл .tsx, я получаю следующую ошибку:...
10.01.2024
Как импортировать всю папку SCSS в проект Vue Nuxt?
В моей компании мы не пишем CSS в файлах Vue, мы предпочитаем делать это старым способом с SCSS .
Проблема в том, что нам приходится писать новый импорт в styles.scss каждый раз, когда мы создаем новый компонент, и это действительно мешает мне...
25.11.2023
Ошибка Rails Webpack: пользовательский JS разрешается в разработке, но не в производстве
У меня есть приложение Rails 6, использующее Webpack. Все компилируется и нормально работает в среде разработки, но я получаю сообщение об ошибке только для одного из моих файлов при отправке в производство.
ERROR in...
18.01.2024
Неизвестная опция FullCalendar 'dateClick'
У меня есть приложение для рельсов 6, и я добавил FullCalendar, следуя официальным документам (используя пряжу и webpacker)
Когда я запускаю сервер, календарь отображается правильно, и нажатие на событие также работает, но нажатие на дату ничего...
19.01.2024
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально
Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение
Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования
Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv)
Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..