Вопросы с меткой [webpack]
Инструмент сборки веб-проектов . Используется для сборки JS, css и html файлов в пакеты - бандлы.
870
вопросов
0
голосов
0
ответов
38
показов
Как типизировать express: = require typesript
Пытаюсь типизировать конфиг вебпака и не получается типизировать данную строку пишет ошибку, как можно это типизировать? также если есть возможность посмотрите насколько правильно остальные типы ...
0
голосов
1
ответ
16
показов
Удалится ли плагин если удалю его из вебпака и ещё раз сделаю install react
1)Я могу чтобы удалить плагин сделать такую команду npm uninstall <package_name>
2)Если я удалю пакет из package.json в ручную, и переустановлю все модулю у меня пакет тоже удалится?
0
голосов
1
ответ
28
показов
насколько сильно даёт преимущество созаданный с нуля вебпак?
Создала приложение с помощью create react app, потом сделал команду npm run eject и получаю список всех зависимостей. Да у меня нет файлы webpack config, который будет если я создам собственный вебпак....
0
голосов
1
ответ
18
показов
насколько безопасно устанавливать расширения в лагаси режиме?
Мне нужен графический пакет для рисования графиков. Я использую версию react 18. Когда я устанавливаю, он говорит, что мне нужна версия 17 для этого пакета.
могу ли я установить этот пакет в legacy ...
0
голосов
1
ответ
12
показов
Как сделать, чтобы был сразу правильный путь для запуска приложения вебпак
Открыла папку с приложением, чтобы запустить открываю консоль там пишу путь cd my-app и потом npm start, можно ли сделать, чтобы когда открываю консоль мне не нужно было писать cd my-app, а сразу, ...
0
голосов
0
ответов
13
показов
При сборке проекта webpack выходит ошибка Missing expression after unary operator '--'
Только начал изучать webpack, сразу столкнулся с проблемой, которая никак не гуглится
Написал одну команду для управления webpack в файле package.json:
{
"name": "firstgulp",
&...
0
голосов
1
ответ
10
показов
Есть ли в WebPack библиотека или настройка, чтобы он не импортировал не нужные функции?
Например, если в файле file.js есть функция fun1 и fun2, если я импортирую в файл app.js одну из них в тут же вызываю ее, в итоговый файл попадает и вторая функция, которую я не хотел и не ...
0
голосов
0
ответов
12
показов
Webpack: после сборки подхватываются стили для тегов, но не для классов
Пытаюсь создать простую страничку-баннер, но по итогам сборки не подхватываются нужные стили. Если указывать их для тегов
div {
background:red;
}
то подхватываются, а для классов
....
2
голоса
0
ответов
41
показ
почему process.env не работает в app.js но работает в webpack.config.js?
почему process.env не работает в файле app.js, но работает в webpack.config.js? У меня есть собственный вебпак, который я создала сама. Он не был создан с CRA.
Я хочу вывести версию на консоль, чтобы ...
0
голосов
0
ответов
10
показов
Как отключить минификацию CSS при билде production версии?
Как отключить минификацию CSS при билде production версии?
Билд выполняю командой webpack --mode production
Сам веб пак конфиг
const fs = require('fs');
const path = require('path');
const ...
0
голосов
0
ответов
13
показов
Как определить глобальные модули в Vite.js?
В Webpack есть плагин webpack.ProvidePlugin, который позволяет определить глобальные модули, такие как, например, jQuery, React, Buffer и другие, чтобы их потом можно было использовать в любом файле ...
1
голос
0
ответов
18
показов
Как создать сборку компонента на Vuejs, отдельного от основной сборки проета
В моём проекте на Vuejs есть 3 компонента:
Шапка
Меню
Контент
Все они собираются в одну сборку проекта.
Но я хочу, чтобы в неё еще собиралась отдельная сборка исключительно шапки. Хочу ее ...
0
голосов
0
ответов
14
показов
Тонкости webpack или неправильное использование import export
Всем доброго времени суток. Начал с нуля изучения webpack-а. Очень сложно дается. Параллельно пытаюсь сажать свой тестовый проект на webpack. Появилась первая проблема, которую не понимаю как решить.
...
0
голосов
0
ответов
19
показов
Как настроить чтобы Purgecss с Tailwimd CSS через PostCss не удалял уникальные классы в квадратных скобках
Настроил Tailwind CSS в сборке Webpack, чтобы не тянулись служебные и лишние стили Tailwind установил PurgeCSS, по стандартным классам все нормально обрабатывает, но уникальные классы, к примеру "...
0
голосов
0
ответов
26
показов
как посмотреть реалный адрес GET запроса в devtools/network с учетом proxy
в network есть запрос: http://localhost:9000/api/login
на фронте настроен proxy: /api/: { target: 'https://сайт', changeOrigin: true, }
в реале запрос уходит на https://сайт/api/login
и вот тут вопрос ...
0
голосов
0
ответов
14
показов
Неверный путь к изображению в css
Использую сборку gulp+webpack, стили через scss. Есть небольшая проблема с изображением в css
В свойствах прописан background с ссылкой на изображение (" ./../images/background-image.png "). ...
1
голос
0
ответов
38
показов
Не загружается bundle. пустой экран после сборки react проекта
Как я понимаю после сборки проекта не загружается bundle или я что то не так пишу в router-dom или же надо что то добавить в json.. просто что уже не делал все одна и та же картина пустой экран..
0
голосов
0
ответов
14
показов
Webpack не загружает шрифты из bootstrap-icons
Проблема
При импортировании стилей bootstrap-icons Webpack не подтягивает папку fonts/, в которой лежат сами шрифты, из-за чего и возникает ошибка, т. к. в src/fonts/ таких файлов нет.
Обычные шрифты, ...
0
голосов
0
ответов
14
показов
Webpack: ошибка при сборке
Делал этот проект год назад. До этого все было ок webpack все собирал, как мне нужно. Сейчас когда пыюсь запустить сборку webpack
"build": "./node_modules/.bin/webpack"
он мне ...
0
голосов
0
ответов
70
показов
Какая нужна конфигурация Webpack, чтобы собирать библиотеку?
У меня есть библиотека на NPM. Когда она мне потребовалась на NPM, мне было достаточно всего двух файлов - index.js, readme.md.
Сейчас я добавил много всего (тесты, сборки, babel и т. д.
Мне нужно, ...
1
голос
2
ответа
35
показов
Правильно ли объедниять все CSS-файлы в один через Webpack?
Правильно ли объедниять все CSS-файлы в один через Webpack? К примеру, у меня есть один файл, в котором описаны все стили основных элементов. Но также есть на других страницах CSS-файлы разного вода ...
0
голосов
1
ответ
18
показов
Как минифицировать нормалайз?
У меня есть scss файл основной.
В нем подключаются другие файлы, содержатся стили и полключен нормалайз
@import 'normalize.css';
@import 'fonts';
@import 'reset';
@import 'var';
Ниже под этим ...
0
голосов
1
ответ
10
показов
Регулярное выражение для динамичных имен локалей
Структура:
/core/components/название_компонента/lang/en.js
/core/components/название_компонента/lang/ru.js
/modules/название_компонента/lang/en.js
/modules/название_компонента/lang/ru.js
/vue-lang/...
0
голосов
0
ответов
22
показа
Не работает swiper через webpack
не работает swiper при подключении через webpack. В html после сборки он виден, точки пагинации есть, но при кликах не срабатывают, слайды не перелистываются
html:
<div class="brand-swiper">
...
1
голос
0
ответов
16
показов
Next JS компилит очень много модулей
Это нормально что при изменении страницы Next JS компилит 9000 модулей?
wait - compiling /dashboard-company...
event - compiled client and server successfully in 1213 ms (9085 modules)
0
голосов
0
ответов
23
показа
Сборка ReactJS проекта в один HTML файл через webpack
Имеется проект на ReactJS с webpack в качестве сборщика.
Необходимо собрать весь проект в один html файл (не обязательно с мапами) для дальнейшего подключения в другой сервер.
Хотелось бы узнать ...
0
голосов
1
ответ
9
показов
window.URL.createObjectURL(blobData) throw error in webpack
Работаю с webSocket, при получении данных с сервера - необходимо их сохранить конечному пользователю на рабочую машину.
Вот участок кода:
const backendUrl = "ws://localhost:5006";
const ...
0
голосов
0
ответов
97
показов
подключение less к react
создал приложение в react (через npx create-react-app)
сейчас потребовалось подключить less (для создания тем для элементов библиотеки Ant Design)
подскажите как это можно сделать без существенных ...
0
голосов
0
ответов
8
показов
Поиогите webpack 5 не открывает, Cannot GET /home.html
пишет Cannot get/
index.html
Cтруктура:
вот код из webpack.config.js
mode: mode,
context: path.resolve(__dirname, "src"),
entry: ["@babel/polyfill", "./index.js&...
0
голосов
0
ответов
16
показов
Не работает webpack-dev-server
Господа, прошу помощи.
Второй день пишу webpack. Dev-server открывается и работает, если вручную обновлять браузер.
Нужно ведь, чтобы самостоятельно по hot обновлялся.
Помимо этого выдаёт ошибки в ...
0
голосов
1
ответ
34
показа
Webpack server открывается, но не обновляется
Поставил вебпак, запускаю дев сервер, сервер открывается, но не обновляется и в консоль выкидывает много ошибок.
В чём ошибки кода? Нужно, чтобы обновлятся без сохранения и не вываливал ерроры.1
...
0
голосов
0
ответов
21
показ
Посоветуйте структуру файлов и папок для js в gulp
Всем привет.
Посоветуйте структуру папок и файлов для js в сборке на gulp (установлен и webpack-stream).
К примеру, используется бибилотека jquery, парочка плагинов, что и куда писать?
Есть основной ...
0
голосов
0
ответов
46
показов
Зачем webpack генерирует runtime.js файл
Всем привет, я изчучаю вебпак. Вот моя конфигурация.
У меня возник вопрос зачем вебпак генерирует файл runtime.js в dist output?
Для чего он нужен?
В какой последовательности относительно других ...
0
голосов
0
ответов
19
показов
Как задать partial в проекте на webpack?
При создании проекта на gulp есть возможность использовать partials, когда в разметку вставляется
@@include('./partials/_externalHTML.html', { "variable_key": "variable_value" });
...
0
голосов
0
ответов
20
показов
x__WEBPACK_IMPORTED_MODULE_4__ is not a constructor
Я создал NPM пакет при помощи webpack, JavaScript. Если импортирую код из второго (тестировочного) .js файла в проекте, то все работает корректно, но при подключении через npm и node_modules выдает ...
0
голосов
0
ответов
31
показ
помогите настроить сборку gulp + webpack
я скачал готовую сборку галпа + вебпака, пользуюсь ей уже давно, в галпе и вебпаке не разбираюсь, проблема в том что мне нужно получить массив из файла products.json, если я заливаю сайт на гитхаб то ...
0
голосов
0
ответов
10
показов
Параллельные скрипты package.json, но один стартует после другого
Допустим, есть gulp и webpack, gulp собирает шрифты, оптимизирует изображения. Причем он делает это при запуске, а дальше висит watcher и мониторит, когда прилетит новый файл, gulp его обработает. ...
0
голосов
0
ответов
20
показов
Импорт собственных файлов
Есть серверное приложение на Node.js, typescript
app.ts
import express from 'express';
import {a} from './temp';
import './temp.ts';
const app = express();
...
temp.ts
console.log(1);
export const a:...
-1
голос
1
ответ
27
показов
Как собрать html вот так?
Пытаюсь найти видео или же статью с наглядным примером, как собрать так страницу, что не будет показан тебе твой код как в web.telegram. Можете пожалуйста скинуть видео или же статью example?)
0
голосов
1
ответ
36
показов
i18n не видит файл translation.json
При сборке вебпака не находит файл translation.json.
До добавления вебпака все работало.
bundle.js:75 i18next::backendConnector: loading namespace translation for language en failed failed loading /...
0
голосов
1
ответ
35
показов
REACT WEBPACK требует лоадер
Вебпак жалуется на react компонент требуя лоадер.
ERROR in ./src/index.js 13:3
Module parse failed: Unexpected token (13:3)
You may need an appropriate loader to handle this file type, currently no ...
0
голосов
1
ответ
30
показов
Как получить доступ на запись к переменной из другого модуля webpack
Есть два модуля. Для сборки webpack экспортирую переменную из одного модуля в другой.
Значение переменной можно прочитать в другом модуле, однако менять это значение нельзя.
Хотелось бы понять, почему ...
0
голосов
0
ответов
5
показов
Ошибка при использовании картинки webpack
Структура проекта
src
-assets
-images
-pug
-includes
-mixins
-pages
В папке includes лежит навигация, в которой подключается изображение. Изображение ...
0
голосов
0
ответов
14
показов
как добавить file.html и file2.js в сборку веб-пакета с помощью config-overrides, если эти файлы находятся в «public» папке
вообще я хочу прокинуть данные из .env в file.html, и вставить в src параметр %URL%, поэтому думаю что надо добавить эти файлы в билд вебпака...
вот мой config-overrides.js
const {override, ...
1
голос
0
ответов
14
показов
Как создавать sourcemaps при использовании webpack?
Я новичок в webpack, и мне нужна помощь в настройке для создания исходных карт. Я запускаю из командной строки, которая успешно компилируется. Но мне действительно нужны sourcemaps . Это мой .webpack ...
0
голосов
0
ответов
25
показов
После создания react не могу его запустить, старые проекты запускаються
После того как сгенерировал react с помощью npx create-react-app test, не получается его запустить, в то время как старые проекты на react, next и прочие запускаются
Никто не может мне ответить на ...
0
голосов
1
ответ
26
показов
kotlin + react Настройка конфигурации webpack
Столкнулся с проблемой: не могу никак изменить конфигурацию webpack в базовом проекте kotlin + react.
Для примера - постоянно вылезает надпись типа:
This can impact web performance.
Assets:
Testing....
0
голосов
0
ответов
16
показов
Не работает FS в electron forge + webpack + react
Создал чистый проект electron forge с webpack, есть необходимость использовать FS, но electron forge ругается выдавая такие ошибки:
app.jsx?93bc:9 Uncaught TypeError: fs__WEBPACK_IMPORTED_MODULE_2__....
0
голосов
1
ответ
252
показа
Как настроить относительный путь Webpack React Js?
Есть подобный импорт
import avatar from "../../../../../../src/img/ava.jpg";
А хотелось бы настроить вебпак так, чтоб все картинки из любой директории проекта импортировались именно из папки ...
0
голосов
1
ответ
58
показов
Как лучше создать вебпак, какое преимущество создавать его в ручную?
Всегда создаю вебпак, командой create-react-app. Также знаю его можно создать в ручную шаг за шагом, вопрос, какой смысл создавать его в ручную? слышала, что create-react-app, добавляет лишние ...