Category: Webpack

05
Апр
2021

Как вынести плагины в глобальную область видимости в webpack?

Пытаюсь вынести плагины в глобальную область видимости через providePlugin, но не получается. В index.js все выводит, но если обращаюсь к плагинам из других файлов, то не видит плагины.
// index.js
console.log($) – это видит
import ‘./ite…

26
Мар
2021

Как сделать отдельный фронтенд к simfony (webpack encore)

На проекте есть готовое api на simfony, к которой подключен webpack encore. Любые изменения в файле app.js нормально отображаются при редактировании. Но хочу поинтересоваться как можно добавить более классическую версию с index.html (пуска…

26
Мар
2021

AngularJS + Provider + Webpack

Имеется angularjs-приложение, которое при сборке "накрывается" webpack’ом (при сборке используется так же babel-loader).
Собственно говоря, есть файл MessageProvider.js со следующим кодом:
const SERVER_SIDE_MESSAGE_PROVIDER = [‘$…

25
Мар
2021

Как получить названия файлов сгенерированных webpack?

Мне на nodejs сервере, нужно указать в ответе, путь до нужного файла из сборки webpack.
Там в сборке есть несколько бандлов, и если пользователь запросил например страницу ‘test’, то в ответе мне нужно отдать страницу к которой будет подкл…

22
Мар
2021

Замена пути к pug шаблону в атрибуте href на итоговый html

Есть два pug шаблона, в разметки одного есть тег <a> в href указан путь к другому pug шаблону, как настроить webpack так, чтобы при сборке, путь указывающий на pug шаблон заменялся на путь к его скомпилированному html файлу в папке d…

22
Мар
2021

Не работает динамический импорт импорт после сборки проекта

У меня на проекте используется готовый компонент с готовым бандлом, который находится отдельно от основных используемых модулей, т.е. в отдельной папке в корне проекта, я подключаю его к package.json по ссылке и экспортирую динамически. Ло…

22
Мар
2021

Не работает динамический импорт импорт после сборки проекта

У меня на проекте используется готовый компонент с готовым бандлом, который находится отдельно от основных используемых модулей, т.е. в отдельной папке в корне проекта, я подключаю его к package.json по ссылке и экспортирую динамически. Ло…

21
Мар
2021

Выполнение скрипта до билда в Webpack(Handelbars)

Использую handlebars-loader и ванильный js. В плагине указано что вставка сгенерированного html происходит путем поиска по селектору и подстановкой через innerHTML. Можно ли, при билде проекта выполнить вставку в DOM? Что бы в итоговую сбо…

20
Мар
2021

Как убрать папку module от Webpack?

Я попытался поискать, но ничего не нашел, запускал webpack и в продакшн моде так и девелопмент, при переходе в консоль разработчика, а затем в [отладчик || Source], в каждом браузере называются по своему, можно видеть данную папку. Как исп…

20
Мар
2021

Как убрать папку module от Webpack?

Я попытался поискать, но ничего не нашел, запускал webpack и в продакшн моде так и девелопмент, при переходе в консоль разработчика, а затем в [отладчик || Source], в каждом браузере называются по своему, можно видеть данную папку. Как исп…

06
Мар
2021

Как собрать проект?

Имеется данная структура проекта.
Я использовал там express для создания сервера, sass для стилей,также имеются шрифты, дополнительно несколько файлов js в разных папках.
Вопрос.
Как собрать весь проект в папку build, чтобы я на выходе по…

03
Мар
2021

Импорт файла PHP в bundle

У меня сайт с формой обратной связи, где за отправку email отвечает php-файл. Хочу с помощью webpack скомпилировать bundle, соответственно думаю, как туда переместить файл php. Как это сделать?

02
Мар
2021

Можно ли на одной страинце использовать несколько вебпак сборок?

У меня на одной web странице несколько react приложений (отдельных кусков функциональности), для каждого есть своя сборка webpack (т.е. это не одна сборка из нескольких бандлов, а именно две разные сборки webpack со своими собственными бан…

20
Фев
2021

Почему webpack devServer не отображает страницу?

Всем добрый день!
Делал сборку Webpack для того, чтобы разобраться в его работе, и возникла загвоздка с dev-server: если я указываю размещение выходного index.html не в корне, а в папке templates (для того чтобы все будущие страницы лежали…

17
Фев
2021

Почему тормозит сайт в Safari?

У клиента на safari жутко тормозит сайт, долгий отклик при наведении/клике и т.д. Хотя в других браузерах всё ок. Даже у меня на стареньком андроиде не лагает, хотя я понимаю что много контента и я не лучший оптимизатор.
Сайт https://inlov…

11
Фев
2021

Почему не подключается файл шрифта

Пробую вебпак и не понимаю, что я сделал не так в его настройках.
Не происходит подключение файла шрифта.
В инструментах разработчика во вкладке "Network" вижу что файл шрифта у меня ищется не там где он есть.

конфиг вебпака
co…

01
Фев
2021

Ошибка при сборке webpack webpack_imported_module 0___ default(…)

Всем привет! при сборке webpack возникла ошибка:
webpack_imported_module 0___ default(…) is not a constructor
Не могу понять в чем причина. Искал в stack и гугле, но так и не решил даную ошибку в консоли..
Вот ссылка на даный проект кото…

31
Янв
2021

Есть ли официальные рекомендации. о том, сколько максимально kB JavaScript должно быть на странице?

Подскажите, пожалуйста, есть ли какие нибудь общие официальные рекомендации, о том, сколько максимально килобит JavaScript может быть на странице, что бы страницу можно было бы считать быстрой и удобной для пользователя, с точки зрения отр…