Category: Webpack

08
Окт
2021

не работает svgr/webpack

Выдает ошибку когда пытаюсь вывести svg через плагин svgr/webpack
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

в зависимости плагин установлен,…

08
Окт
2021

не работает svgr/webpack

Выдает ошибку когда пытаюсь вывести svg через плагин svgr/webpack
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

в зависимости плагин установлен,…

08
Окт
2021

Как при сборке шаблона HTML-письма заинжектить в него стили?

Мне нужно сверстать письма для рассылок, а в них желательно указывать стили инлайн. Есть ли возможность заменять в HTML/EGS-шаблоне классы на стили этого класса? Например, пишу в шаблоне:
<p class="style-font">

Есть класс …

08
Окт
2021

Как при сборке шаблона HTML-письма заинжектить в него стили?

Мне нужно сверстать письма для рассылок, а в них желательно указывать стили инлайн. Есть ли возможность заменять в HTML/EGS-шаблоне классы на стили этого класса? Например, пишу в шаблоне:
<p class="style-font">

Есть класс …

15
Сен
2021

Почему не работает скрипт собранный webpack`ом fetch is not a function?

Для примера есть небольшой скрипт который работает если его запускать прям из проекта где он разрабатывается.
Он же собранный через npm run build не работает выдавая ошибку.
Код скрипта
const browserURL = "http://127.0.0.1:21223"…

15
Сен
2021

Почему не работает скрипт собранный webpack`ом fetch is not a function?

Для примера есть небольшой скрипт который работает если его запускать прям из проекта где он разрабатывается.
Он же собранный через npm run build не работает выдавая ошибку.
Код скрипта
const browserURL = "http://127.0.0.1:21223"…

14
Сен
2021

webpack. 1 ERROR in child compilations

Выдает ошибку при попытке build.
1 ERROR in child compilations (Use ‘stats.children: true’ resp. ‘–stats-children’ for more details)
const Path = require(‘path’);
const Webpack = require(‘webpack’);
const path = require(‘path’);
const { C…

14
Сен
2021

webpack. 1 ERROR in child compilations

Выдает ошибку при попытке build.
1 ERROR in child compilations (Use ‘stats.children: true’ resp. ‘–stats-children’ for more details)
const Path = require(‘path’);
const Webpack = require(‘webpack’);
const path = require(‘path’);
const { C…

10
Сен
2021

Есть ли возможность прогнать нативные es6 модули через babel?

На статичном сайте используются нативные es6 модули.
<script type="module" src="./main.js"></script>

В отдельной сборке я хочу прогонять эти модули через babel для большей кроссбраузерности.
// webpack.conf…

10
Сен
2021

как настроить пути после сборки во vuepress

После сборки открываю index.html -> js и css файлы ругаются на несоответствия MIME-типа. Если руками в стилях src="/assets… перед assets добавить ./ , то стили подгружаются. С js файлами такой путь не работает… Пробовал добавля…

03
Сен
2021

Имена классов через CSS модули генерируются странным образома

Я настроил CSS-modules через webpack, но в результате названия классов выглядят не так как надо.
`Node.js: v14.16.0`
`npm: 6`

Такое чувство, что webpack на них не реагирует. Хотя он должен выглядеть как-то так:
class="Input-input_yto…

02
Сен
2021

Webpack добавляет не нужный файл в общий chunk

Всем привет, у меня есть проект React + Typescript + react-app-rewired
У проекта есть дополнительная папка SDK в которой хранятся файлы .js, .wasm, .simd.wasm, .data
Файл SDK/sdk.js уже оптимизированный и минифицированный.
В компоненте я м…

30
Авг
2021

Ошибка import declarations may only appear at top level of a module

Пытаюсь использовать firebase для получения сообщений из формы. Проект собирается с помощью webpack. При подключении формы использовала фрагменты кода с документации (которые появляются при создании приложения).
import { initializeApp } fr…

30
Авг
2021

Ошибка import declarations may only appear at top level of a module

Пытаюсь использовать firebase для получения сообщений из формы. Проект собирается с помощью webpack. При подключении формы использовала фрагменты кода с документации (которые появляются при создании приложения).
import { initializeApp } fr…

19
Авг
2021

Как удалить правило из create react app?

В webpack конфиге react приложения созданного с помочью create react app уже есть правило для файлов с расширением svg. А мне нужно что бы svg обрабатывалось через svgr т.е. что бы для svg выполнялось правило –
{ test: /\.svg$/, use: [‘@sv…

31
Июл
2021

Разделение задач в webpack

На представленном ниже конфиге можно сбилдить js под ES5 либо под ES2015 +, но не могу сконфигурировать так, чтобы билдилось 2 файла, а не 1. Буду рад помощи! Для тех кто хочется потыкать есть репо – https://github.com/krovorgen/template-w…

25
Июл
2021

Webpack publicPath не работает

У меня такая проблема что при сборке пути изображений в css не генерируются по моим заданным правилам. Вместо указанного пути в PublicPath webpack генерирует хеш с расширением изображения, который даже не открывается. Кажется webpack сжима…

24
Июл
2021

Проблема двойного клика в dev-server webpack

Подскажите, пожалуйста. Столкнулся с такой проблемой: начал переносить разработку сайта под webpack, сделал стандартный конфиг, всё хорошо работает, кроме одной детали, связанной с dev-server.
Есть функционал при клике:
**if(target.classLi…

19
Июл
2021

Подключение скриптов в Webpack

День добрый. При настройке вебпака столкнулся с проблемой, мои скрипты автоматически подключаются в , а не перед закрывающимся тегом . Для подключения скриптов использую html webpack plugin.
Конфиг вебпака:
const path = require(‘path’)
con…