Вопросы с меткой [webpack]

Инструмент сборки веб-проектов . Используется для сборки JS, css и html файлов в пакеты - бандлы.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
13 показов

Почему при копировании в другой проект, webpack bundle.js работает только при полном переносе файла?

Я собираю bundle.js с помощью Webpack, чтобы использовать данный бандл в другом проекте. Если я копирую содержимое bundle.js и вставляю в пустой bundle.js в другом проекте, он не работает (код выдает ...
Jul's user avatar
  • 1
0 голосов
0 ответов
5 показов

Как убрать избыточные сообщения HRM и Webpack Dev Server в сборке Webpack?

В webpack, я использую webpack-dev-server и ReactRefreshWebpackPlugin для динамического обновления проекта в браузере при внесении изменений в код, но на каждое обновление в консоли возникают ...
IvanZemsky's user avatar
0 голосов
1 ответ
17 показов

Как сбилдить готовое приложение на React js?

Есть готовое приложение на React js со следующей структурой. Вопрос в том, как это сбилдить в обычные js и css файлы. Npm run build мало чем помогает, говорит о том, что нет файла package.json. [
144Hz RYTP's user avatar
0 голосов
0 ответов
14 показов

Не могу заиспортить картинку png react webpack

Файл лоадеров import type webpack from 'webpack'; import MiniCssExtractPlugin from 'mini-css-extract-plugin'; import path from 'path'; import { type BuildOptions } from './types/config'; export ...
The nTaXa's user avatar
0 голосов
0 ответов
14 показов

Обновлении страницы webpack-dev-server при изменении html файла

Пробую создать сборку gulp , используя webpack-dev-server для отображения изменения при разработке. Но в процессе наткнулся на проблему импорта отдельных компонентов в html на примере @@unclude. Что ...
Sato's user avatar
  • 3
0 голосов
0 ответов
6 показов

Как в Webpack 5 правильно сгенерировать .webp изображения из .png подключаемых в index.html, что бы после сборки проекта путь был к формату .webp?

Для сборки бандлов использую HtmlWebpackPlugin.Также для копирование изображений использую CopyWebpackPlugin.Для конвертации изображений в формат.webp ImageMinimizerPlugin.
Alex Roman's user avatar
0 голосов
0 ответов
46 показов

Typescript (megajs) bundle webpack работает с ошибкой

Есть такой middleware для express, после сборки в webpack, сервер запускается, но при обращении к странице, получаем ошибку. При чем, если я запускаю «npm run dev» все прекрасно работает. Есть у кого-...
MARSHAL's user avatar
  • 118
0 голосов
0 ответов
23 показа

HTML Шаблонизатор webpack

Подскажите шаблонизатор HTML для webpack, использую проект вместо gulp для верстки. Нужно функционал на подобии React/Vue, только конечно же в своем синтаксисе, чтобы можно было импортировать файлы и ...
DAYMERE's user avatar
  • 117
0 голосов
0 ответов
9 показов

Как настроить алиасы в storybook?

Пытаюсь уже полдня настроить алиасы в сторибуке, кидает ошибку Cannot find module '@/shared', что я не так делаю? //tsconfig "paths": { "@/*": ["./src/*"], ...
Jesys_cyclist's user avatar
0 голосов
0 ответов
38 показов

Ошибка сборки Pug в Webpack при работе cо свойством srcset

Использую шаблонизатор Pug. Для Webpack применяю pug-loader. Подключаю его в webpack.config.js: { test: /\.pug$/, loader: "pug-loader", }, При ...
Yaroslav's user avatar
0 голосов
0 ответов
25 показов

Почему при обновлении страницы не встраиваются скрипты?

Столкнулся с проблемой при обновлении страницы на странице Main, все работает, если открывать модальное окно то все тоже работает, но если я обновлю на модальном окне, то мне выкидывает ошибку, и даже ...
Jesys_cyclist's user avatar
1 голос
1 ответ
40 показов

Ошибка сборки Nextron

Пытаюсь использовать ssh2-sftp-client вместе с Nextron, все отлично работает до тех пор пока не доходит до сборки самой программы. При сборке программы с помощью команды nextron build --win --x64 ...
Filipin's user avatar
  • 21
0 голосов
0 ответов
17 показов

Настройка webpack и модули

Подскажите, пожалуйста, попытался настроить вебпак и все вроде работает, за исключением той вещи что я не могу накинуть стили на #root, я поставил уникальные имена для изоляйции стилей, дабы модулями ...
Jesys_cyclist's user avatar
0 голосов
0 ответов
45 показов

Как подключить js файлы в Gulp?

Всем привет! Пытаюсь разобраться с Gulp и столкнулся с такой проблемой: .js файл выгружается в dist, но скрипт файла не запускается, а HTML, CSS отображаются нормально. Подскажите, пожалуйста, в чем ...
Ahmed_08's user avatar
  • 119
0 голосов
0 ответов
22 показа

webpack: полноценный svg через тег object

Всем привет,всем спасибо я нубик в webpack неделю парюсь с ним . ВОПРОС : как заставить webpack видеть js и css которые находятся в svg а сам он подключается через object . в не сборке все прекрасно ...
Gotha's user avatar
  • 1
0 голосов
0 ответов
38 показов

Настройка конфигов react, typescript, webpack

Делаю расшерение для хром (chrome extensions) Структура проекта: ./public/<br /> ./src/img/xxx.jpg<br /> ./src/css/xxx.css<br /> ./src/popup/popup.jsx<br /> ./src/popup/...
Евгений Горобцов's user avatar
0 голосов
0 ответов
34 показа

Unexpected token tsx

В приложении использую vue + webpack + typescript. icons.tsx export let searchIcon = <svg class="w-4 h-4 text-gray-500" aria-hidden="true" xmlns=&...
StartEG's user avatar
  • 69
0 голосов
1 ответ
79 показов

Как переместить json файл и js файл который использует информацию из него в сборочную папку webpack и при этом сохранить рабочим путь

Собираю проект на webpack. Структура такая: app - выход webpack src(вход) > js > primer.js | prediction.json в primer.js есть следующий код: const data = require(./prediction.json); const people ...
Somemman's user avatar
0 голосов
0 ответов
62 показа

Как исправить ошибку Module parse failed: Unexpected token при билде проекта?

Я подключаю библиотеку для подсветки синтаксиса vue3-highlightjs Но при билде webpack выдает ошибку. В ошибке указано , что проблема с css этой библиотеки. СSS вроде обычный. Подскажите пожалуйста, ...
IvanCoin's user avatar
0 голосов
1 ответ
49 показов

Почему браузер не может найти компоненты вне корневого маршрута после перезагрузки страницы?

Проблема заключается в том, что если я перехожу на роут отличающийся от корневого, например /test, то после перезагрузки страницы я вижу такую ошибку: Консоль пишет что не может найти компонент по &...
Andrew Koshman's user avatar
0 голосов
1 ответ
144 показа

в .tsx файле ошибка на импорте других .tsx файлов

Делаю проект через Webpack с использованием React и TypeScript. У меня есть main.tsx файл: import * as React from "react"; import * as ReactDOM from "react-dom/client"; import App ...
RochiFox's user avatar
0 голосов
0 ответов
24 показа

Исключить файлы с тестами из сборки webpack

подскажите как исключить из сборки вебпака файлы с тестами .test.ts, .test.tsx. Я специально в файле с тестом делаю ошибку типо const str: string = 123; И запускаю npm run build. Сборка не проходит ...
ivan sldtkn's user avatar
1 голос
0 ответов
37 показов

Сборка сайта на React JS - на Gulp делать верстку, а на WebPack - собирать приложение?

Я хочу написать простой лендинг, а потом делать его на React JS. Объясните, пожалуйста, правильный ли такой ход действий: Сверстать сайт в сборщике Gulp4(папка layout) Создать папку(допустим project) ...
Марина Алферова's user avatar
0 голосов
0 ответов
15 показов

я навичок. Импорты (URL) для jsx работают. НО url не работает для сss/scss для background-image. Картинки в паблике папке

module.exports = { mode: "development", entry: "./Public/index.js", output:{ path: path.resolve(__dirname, "dist"), filename: "[name].[hash].js", ...
Юсуп Адилханов's user avatar
0 голосов
0 ответов
43 показа

TypeError: Cannot read properties of undefined (reading 'scripts')

Версия node v20.9.0, npm 10.1.0 При запуске npm run watch выдаёт следующую ошибку package.json webpack.mix.js let mix = require('laravel-mix'); mix.js('resources/assets/js/app.js', 'public/js') ...
XenoProxy's user avatar
0 голосов
0 ответов
32 показа

VS Code: Compiled with 5 warnings

Проект был создан с помощью create-react-app. VS Code на каком то этапе начал запускать проект с 5 ошибками. В чем может быть проблема? Пробовал обновлять зависимости и заново качать node_modules - не ...
Igor Mokhov's user avatar
0 голосов
0 ответов
29 показов

Сборка Webpack (стили)

Помогите, пожалуйста, найти где ошибка: собираю в Webpack проект, и хочу при билде компилировать js стили (styled components) в css. Проект собирается, но стили всё равно остаются в js формате. Сам ...
Margarita's user avatar
0 голосов
0 ответов
19 показов

Картинка не отображается при запуске npm run serve, но работает на Live Server

изображение не открывается при развертывании локального сервера через команду npm run serve. Но все корректно отображается при запуска Live server. C чем это может быть связано?
LongFlow's user avatar
0 голосов
0 ответов
9 показов

Как управлять выходом dynamic import?

Привет я делаю ssr отдельным скриптом. В моем приложении есть импорт сторонних библиотек которые не могут исполняться в ssr среде. Поэтому я разделил выходящий bundle с помощью dynamic imports. Все ...
michail.logozar's user avatar
0 голосов
0 ответов
44 показа

Как в Javascript ссылаться из одного index.js в другой файл работая с дочерними webpack / bable?

День добрый, всем. Подскажите как ссылаться из одного index.js файла, на другой index.js файл работая в дочерних package / webpack5 ? root |dist | |src | |backend | |src | |...
Tryd0g0lik's user avatar
0 голосов
0 ответов
22 показа

Как в Angular собрать сервис, компонент отдельным чанком?

Есть сервис A Есть компонент A Есть компонент B Оба компонента используют сервис A - исходя из стандартной логики - чанка будет два. Это значит что сервис A будет дублироваться и оба чанка станут ...
Rakzin Roman's user avatar
  • 5,720
0 голосов
0 ответов
69 показов

Как исправить ошибку net::ERR_SSL_PROTOCOL_ERROR в react при Post запросе

Я пробовал использовать https но он выдавал ошибку BREAKING CHANGE: webpack < 5 used to include polyfills for node.js я её исправил при помощи config-overrides.js с кодом const NodePolyfillPlugin = ...
Chopa1's user avatar
  • 3
0 голосов
0 ответов
66 показов

Вывод console.* в терминале webpack-dev-server

Имеется необходимость выводить console.* не в js консоли окружения, где запускается код, а в терминале с запущенным webpack-dev-server. Каким образом это лучше сделать? С ходу подумалось, что надо ...
posix's user avatar
  • 359
0 голосов
1 ответ
30 показов

Замена содержимого в файле ОТ и ДО с помощью плагина для nodejs + vite (webpack)

Изучаю написание web части для wifi модуля. Использую Preact+nodejs+vite (webpack)... для создания Frontend. Есть файл WebAssets.h (текстовый файл) с содержимым: const char index_html[] PROGMEM = R&...
Олег Перевышин's user avatar
0 голосов
0 ответов
21 показ

Webpack не коректно сохраняет имена файлов

Нужна помощь, Webpack5 заменяет заполнитель [name] на [id] у файлов подключенных через импорт в index.js чего я хочу: добится что бы файл назывался просто main.css, но webpack имя строит из пути до ...
ursusuma's user avatar
0 голосов
0 ответов
130 показов

Проблема деплоя на vercel Next JS 13

Собираюсь задеплоить свой NextJS 13 проект на Vercel, прописываю билд в консоли проекта и всё работает отлично, билд создается, но на сайте vercel вылезает ошибка ReferenceError: window is not defined ...
PurpleTooth's user avatar
0 голосов
1 ответ
56 показов

webpack создает версия 10.0.0 создает main.js вместо bundle.js

Коллеги, у меня проблема. Создал функцию // Функция возвращает имя файла с хешем или без в зависимости от режима работы const filename = ext => isDev ? 'bundle.${ext}' : 'bundle.[hash].${ext}' ...
Аркадий Сергеев's user avatar
0 голосов
1 ответ
41 показ

Структура, вложенные папки webpack

У меня есть проект где в index.html прописаны пути к картинкам. Как в webpacke сохранить их. У меня есть папки и в них может быть картинка или вложенная папка. Вебпак почему-то игнорирует вложенные ...
Nzoth's user avatar
  • 13
0 голосов
0 ответов
23 показа

Организация структуры проекта React/Express (Webpack)

Как правильно организовать структуру проекта? Например, я буду использовать React и сервер Node.js (express, думаю это не важно)). Куда что складывать? Если у меня spa? Или же много html файлов?
Dlazder's user avatar
  • 26
0 голосов
1 ответ
40 показов

Ошибка после билда

Создал игру на unity и хотел залить на Яндекс игры, но после билда решил потестить. Скачал xampp. Запустил и вылезла ошибка. Не знаю как исправить. Помогите добрые люди пожалуйста. В консоле пишет вот ...
илья дегтярёв's user avatar
0 голосов
0 ответов
16 показов

React webpack. Не работает приложение без .tsx в компоненте

Коллеги, привет. Приложение не грузится, пока я не допишу расширение .tsx в компоненте. В extensions webpack прописаны все необходимые расширения. Если в компоненте допишу App.tsx, то все работает. Не ...
ghost3ds's user avatar
0 голосов
0 ответов
43 показа

Как работает "target" в "esbuild-loader"?

Имеется лоадер module: { rules: [ { test: /\.[jt]sx?$/, loader: "esbuild-loader", options: { target: "es2018" }, exclude: /node_modules/, }]} В "...
Андрей Гордеев's user avatar
1 голос
0 ответов
105 показов

Как избавиться от sudo

всем привет! я новичок в macOS и в целом мало и плохо работаю с командной строкой. по-началу все было ок, но спустя некоторое время терминал начал требовать вводить sudo перед любой установкой любой ...
sharkavli's user avatar
0 голосов
0 ответов
173 показа

Как настроить Webpack для работы Yandex Maps API?

Всем привет! Подскажите, пожалуйста, как настраивать Webpack для работы с api Яндекс.карты? Я добавил в зависимости webpack, создал module.exports в файле webpack.config.js. module.exports = { ...
Ivan Gleym's user avatar
0 голосов
0 ответов
12 показов

Почему-то файл moment.js не работает при упаковке с помощью webpack

const path = require('path'); // Импортируем модуль "path" для работы с путями файлов const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: { ...
MaoriAngel's user avatar
0 голосов
0 ответов
32 показа

Webpack dev-server неверно отрабатывает?

После изменения кода webpack dev-server перезагружает страницу. В Create-react-app просто идет обновление страницы, без ее перезагрузки. Так и должно быть? Или можно настроить вебпак, чтобы он ...
En Kratia's user avatar
0 голосов
0 ответов
29 показов

PixelPerfect и React / Webpack

PixelPerfect перезапускается(исчезает/появляется) после каждого обновления в коде. В Gulp такого не было, в webpack или react дело видимо. Кто-нибудь сталкивался с этим/знает, что можно пробовать, ...
En Kratia's user avatar
0 голосов
0 ответов
170 показов

Не могу запустить npm run dev

При запуске npm run dev выдает ошибку внизу PS C:\Users\ArmanTu\Desktop\new-reddit> npm run dev Debugger attached. > [email protected] dev > cross-env NODE_ENV=development node ./bin/dev.js ...
Webdev's user avatar
  • 3
0 голосов
1 ответ
210 показов

Webpack в терминале пишет: Невозможно загрузить файл C:\Users\user\AppData\Roaming\npm\webpack.ps1

Пытался в терминале запустить webpack написал webpack, но терминал выдал это: webpack : Невозможно загрузить файл C:\Users\user\AppData\Roaming\npm\webpack.ps1, так как выполнение сценариев отключено ...
Cdox Forever's user avatar
0 голосов
1 ответ
59 показов

Как правильно добавить кастомную иконку для геообъекта в ymaps в сборщике Webpack?

Всем привет! Вторые сутки пытаюсь разрешить вопрос формирования кастомной иконки для точки, отмеченной на яндекс-картах в плагине ymaps в проекте Webpack. Код добавления карты: import { el } from '...
IShuvaloff's user avatar