Size: a a a

Webpack — русскоговорящее сообщество

2019 December 06

X

Xen in Webpack — русскоговорящее сообщество
Всем привет! Подскажите, как найти зависимость, которая ломает ленивый импорт. Использую такой формат
const RouteLocal = React.lazy(() => import(
 /* webpackChunkName: "route_local" */
 "./RouteLocal"
));

в роуте весь жир приложения, в основном бандле только реакт с легким лендингом и прелоадером

В какой-то момент обнаружил, что весь жир попал в основной чанк, руками найти завивимость сложно, проект большой. Может есть какой-то графовый эксплорер, например?

Косяк обнаружил с помощью source-map-explorer, но его информации недостаточно, увы
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Xen
Всем привет! Подскажите, как найти зависимость, которая ломает ленивый импорт. Использую такой формат
const RouteLocal = React.lazy(() => import(
 /* webpackChunkName: "route_local" */
 "./RouteLocal"
));

в роуте весь жир приложения, в основном бандле только реакт с легким лендингом и прелоадером

В какой-то момент обнаружил, что весь жир попал в основной чанк, руками найти завивимость сложно, проект большой. Может есть какой-то графовый эксплорер, например?

Косяк обнаружил с помощью source-map-explorer, но его информации недостаточно, увы
Могу порекомендовать только откатываться гитом до того момента когда все заработает нормально снова
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Как найдете роковой комит область поиска сузится
источник

X

Xen in Webpack — русскоговорящее сообщество
Alex CherryTea
Могу порекомендовать только откатываться гитом до того момента когда все заработает нормально снова
неужели нет инструментов для построения цепочек зависимостей?
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Может и есть но я не слышал о таких
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Xen
неужели нет инструментов для построения цепочек зависимостей?
есть, но мне никогда не помогал
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
источник

d

ds in Webpack — русскоговорящее сообщество
лицензия просто отменная, спасибо!
источник
2019 December 09

S

Saga in Webpack — русскоговорящее сообщество
всем приве, как дела?
источник

A

Alexander in Webpack — русскоговорящее сообщество
Saga
всем приве, как дела?
все в порядке, спасибо что спросил
источник

S

Saga in Webpack — русскоговорящее сообщество
Загрузчик для вебпака который преобразует файлы в base64 URI - что это значит? как понимать?
источник

🌀

🌀 through a haze 🌀 in Webpack — русскоговорящее сообщество
Saga
Загрузчик для вебпака который преобразует файлы в base64 URI - что это значит? как понимать?
ну наверное берет файл, читает его содержимое и возвращает его уже в качестве base64
источник

O

Onix in Webpack — русскоговорящее сообщество
Всем привет. Подскажите плиз, есть ли в вебпаке встроенные (без плагинов дополнительных) инструменты, чтобы в html шаблоне я мог использовать условия типа:
if  env == production { do some }
?
источник

NG

Nikita Gordeev in Webpack — русскоговорящее сообщество
Onix
Всем привет. Подскажите плиз, есть ли в вебпаке встроенные (без плагинов дополнительных) инструменты, чтобы в html шаблоне я мог использовать условия типа:
if  env == production { do some }
?
Если юзаешь htmlWebpackPlugin, можно попробовать вот так вот:
<body class="<%= htmlWebpackPlugin.options.enviornment %>">
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
Onix
Всем привет. Подскажите плиз, есть ли в вебпаке встроенные (без плагинов дополнительных) инструменты, чтобы в html шаблоне я мог использовать условия типа:
if  env == production { do some }
?
html шаблон какой? ejs?
источник

O

Onix in Webpack — русскоговорящее сообщество
🦜
html шаблон какой? ejs?
не, у меня статика на хтмл собирается там
источник

O

Onix in Webpack — русскоговорящее сообщество
Вот так:
<%= _.template(require('html-loader!./../includes/header.html'))(data) %>
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
Onix
Вот так:
<%= _.template(require('html-loader!./../includes/header.html'))(data) %>
запудрено как-то
источник

O

Onix in Webpack — русскоговорящее сообщество
Nikita Gordeev
Если юзаешь htmlWebpackPlugin, можно попробовать вот так вот:
<body class="<%= htmlWebpackPlugin.options.enviornment %>">
мну бы шабллонизировать, а не только класс втыкать
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
для таких целей как раз и придумали ejs, pug, handlebars
источник