Nano Hash - криптовалюты, майнинг, программирование

Публикации по теме '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' к конфигурации. Это работает отлично для самого приложения, но тесты не...

Требуются изоморфные Webpack и Nodejs с абсолютным путем
ЦЕЛЬ : я пытаюсь настроить проект в nodejs и webpack таким образом, чтобы функция require могла использовать каталог проекта в качестве корневого, поэтому я может потребоваться с абсолютным путем относительно корня проекта в обеих средах (...

Исходные карты для Typescript в Webpack (исходные карты не отображаются при использовании webpack-dev-server)
Я пытаюсь использовать Typescript ( awesome-typescript-loader ( ссылка )) вместе с Webpack, но Я не вижу исходные карты в браузере при запуске webpack-dev-server . Та же установка работала с классами babel-loader ( ссылка ) и классами ES6 (я мог...

Исключить файлы из 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...

Точка Vue Router Webpack в параметрах
Я создаю приложение с NodeJS/Express для задней панели и VueJS для передней панели, используя Vue Cli и webpack. Я хотел бы знать, есть ли способ разрешить точку в параметрах для моих маршрутов. Вот что я получаю, когда пытаюсь без конфигурации...

Почему ExtractTextPlugin создает пустой файл css через плагин? Почему загрузчик sass предоставляет пустые объекты при импорте с помощью Webpack?
Я настроил веб-пакет для использования ExtractTextPlugin для создания одного файла css из sass, а также для того, чтобы он был доступен в приложении reactjs через импорт через загрузчик веб-пакетов. Использование файлов sass обнаруживается с...

Как использовать пакеты NPM с существующим проектом C#/MVC для развертывания git в Azure?
У меня есть довольно большое приложение .Net MVC. Код на стороне сервера полностью C#, и у меня есть тонны TS на стороне клиента. Все мои библиотеки JS находятся в каталоге Scripts, большинство из них помещаются туда пакетами Nuget. Все мои JS...

Динамический импорт Webpack на основе имени записи
Я пытаюсь, чтобы Webpack связывал определенные файлы в зависимости от файла записи. У меня есть несколько входных файлов в моем проекте. Все они используют общие вспомогательные функции (отдельные модули), но некоторые входные файлы используют...
29.11.2023

Webpack 3: ошибка загрузчика стиля css-loader
Я получаю следующую ошибку: ОШИБКА в ./common/app.css Ошибка синтаксического анализа модуля: E:\universal-starter\common\app.css Неожиданный токен (1:5). Для обработки файлов этого типа может потребоваться соответствующий загрузчик. |...

React router 4 - маршрутизация + разделение кода, с webpack 1.9
Я пытаюсь обновить кодовую базу реагирования двухлетней давности, чтобы использовать последнюю версию реагирующего и реагирующего маршрутизатора. Я вообще не касался конфигурации веб-пакета и предполагаю, что мне это не понадобится. Я новичок в мире...

самый простой способ копирования всех объектов в массив
У меня есть около 250 файлов json, которые я хочу скопировать в массив, мой проект основан на vuejs и webpack. вот мой код ниже import ch1 from 'assets/json/ar/ch1.json'; import ch2 from 'assets/json/ar/ch2.json'; .... .... import ch100 from...

Можно ли использовать require.context для динамического импорта Webpack?
В настоящее время я использую require.context для загрузки всех моих .vue компонентов, имя файла которых не заканчивается на Async . const loadComponents = (Vue) => { const components = require.context('@/components', true,...

Laravel, Datatable, Composer и Webpack: рекомендации, позволяющие разработчикам настраивать мою библиотеку в своих проектах.
Чтобы установить контекст, я создаю приложение CRUD для Laravel. Он устанавливается через композитор, поэтому исходные коды находятся в каталоге vendor/organization/package . В своем проекте я использую Datatable . Поэтому я использую Laravel...

Webpack 4 — файл ввода машинописного текста
Я настраиваю свой небольшой личный проект и наткнулся на проблему с машинописным текстом и отреагировал. Когда я использую index.js в качестве точки входа, все идет нормально, но когда я использую файл .tsx, я получаю следующую ошибку:...

Как импортировать всю папку SCSS в проект Vue Nuxt?
В моей компании мы не пишем CSS в файлах Vue, мы предпочитаем делать это старым способом с SCSS . Проблема в том, что нам приходится писать новый импорт в styles.scss каждый раз, когда мы создаем новый компонент, и это действительно мешает мне...
25.11.2023

Ошибка Rails Webpack: пользовательский JS разрешается в разработке, но не в производстве
У меня есть приложение Rails 6, использующее Webpack. Все компилируется и нормально работает в среде разработки, но я получаю сообщение об ошибке только для одного из моих файлов при отправке в производство. ERROR in...

Неизвестная опция FullCalendar 'dateClick'
У меня есть приложение для рельсов 6, и я добавил FullCalendar, следуя официальным документам (используя пряжу и webpacker) Когда я запускаю сервер, календарь отображается правильно, и нажатие на событие также работает, но нажатие на дату ничего...

Новые материалы

Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..