jb
Почему вы думаете что прод или дев флаг в сборке влияет на то какой тип модуля будет выбран
Я не до конца понимаю поэтому и спрашиваю)))
Size: a a a
2020 March 06
jb
в конфиге webpack ключ module отвечает за "другие" настройки))
A
Вы спросили что делаете не так но забыли сказать что вы вообще делаете
jb
Вы спросили что делаете не так но забыли сказать что вы вообще делаете
у меня свой пакет. Мне нужно из него импортировать что-то, например функцию. При сборке вебпаком приложения, которое использует мой пакет в бандл попадает сборка из ключа esnext. Т.е. весь код не минифицирован и не можем быть использован в старых браузерах
A
у меня свой пакет. Мне нужно из него импортировать что-то, например функцию. При сборке вебпаком приложения, которое использует мой пакет в бандл попадает сборка из ключа esnext. Т.е. весь код не минифицирован и не можем быть использован в старых браузерах
Так и должно быть, весь код должен минифицироватся приложением в котором модуль используется
jb
Так и должно быть, весь код должен минифицироватся приложением в котором модуль используется
Тогда у меня появляются 2 вопроса.
1. Зачем тогда ключи в package.json которые явно указывают на различия в сборке пакета.
2. Почему все остальные пакеты минифицируются, а мой нет. Не верю в то, что я особенный 😂
1. Зачем тогда ключи в package.json которые явно указывают на различия в сборке пакета.
2. Почему все остальные пакеты минифицируются, а мой нет. Не верю в то, что я особенный 😂
A
Тогда у меня появляются 2 вопроса.
1. Зачем тогда ключи в package.json которые явно указывают на различия в сборке пакета.
2. Почему все остальные пакеты минифицируются, а мой нет. Не верю в то, что я особенный 😂
1. Зачем тогда ключи в package.json которые явно указывают на различия в сборке пакета.
2. Почему все остальные пакеты минифицируются, а мой нет. Не верю в то, что я особенный 😂
Сбилженую версию пакета делают для автоматического хостинга на cdn-ах. Юзер подключает его как есть по ссылке.
Некоторые минифицируют и полифилят пакет по глупости.
Дело в том что собирая пакет в приложении только вы знаете какие браузеры вам нужны в конкретном приложении а какие нет, вы так же переиспользуете полифилы (хелперы так называемые) между пакетами
Некоторые минифицируют и полифилят пакет по глупости.
Дело в том что собирая пакет в приложении только вы знаете какие браузеры вам нужны в конкретном приложении а какие нет, вы так же переиспользуете полифилы (хелперы так называемые) между пакетами
jb
Сбилженую версию пакета делают для автоматического хостинга на cdn-ах. Юзер подключает его как есть по ссылке.
Некоторые минифицируют и полифилят пакет по глупости.
Дело в том что собирая пакет в приложении только вы знаете какие браузеры вам нужны в конкретном приложении а какие нет, вы так же переиспользуете полифилы (хелперы так называемые) между пакетами
Некоторые минифицируют и полифилят пакет по глупости.
Дело в том что собирая пакет в приложении только вы знаете какие браузеры вам нужны в конкретном приложении а какие нет, вы так же переиспользуете полифилы (хелперы так называемые) между пакетами
Спасибо, буду тогда копать в сторону сборки.
DK
Добрый вечер. А где можно найти пример конфига вебпака для MPA и чтобы в webpack-dev-server было настроено проксирование - на одни URL отдаются один html и в нем один entry point, на другие - другой html и в нем другие entry point
В доке есть пример:
но там все три скрипта попадут в один html
В доке есть пример:
entry: {
pageOne: './src/pageOne/index.js',
pageTwo: './src/pageTwo/index.js',
pageThree: './src/pageThree/index.js'
}
,но там все три скрипта попадут в один html
DK
Ой блин, утро
AM
Здравстуйте, а есть ли вообще такая возможность, чтобы генерировать вендор отдельно для каждой страницы react приложения? Грубо говоря есть лендинг сайта, где суммарный объем с учётом сжатия nginx весит 3мб и белый экран весьма долго виден(грубо говоря 20 поинтов на pagespeed google)
И нужно каким-то образом максимально облегчить сборку, чтобы весила 0 и грузилось за 0
Насколько это реально?
И нужно каким-то образом максимально облегчить сборку, чтобы весила 0 и грузилось за 0
Насколько это реально?
DK
Тебе наверное тоже MPA нужен
DK
Да вот поиск в чате не выдает ничего толком
🦜
Здравстуйте, а есть ли вообще такая возможность, чтобы генерировать вендор отдельно для каждой страницы react приложения? Грубо говоря есть лендинг сайта, где суммарный объем с учётом сжатия nginx весит 3мб и белый экран весьма долго виден(грубо говоря 20 поинтов на pagespeed google)
И нужно каким-то образом максимально облегчить сборку, чтобы весила 0 и грузилось за 0
Насколько это реально?
И нужно каким-то образом максимально облегчить сборку, чтобы весила 0 и грузилось за 0
Насколько это реально?
lazyload
НВ
Здравстуйте, а есть ли вообще такая возможность, чтобы генерировать вендор отдельно для каждой страницы react приложения? Грубо говоря есть лендинг сайта, где суммарный объем с учётом сжатия nginx весит 3мб и белый экран весьма долго виден(грубо говоря 20 поинтов на pagespeed google)
И нужно каким-то образом максимально облегчить сборку, чтобы весила 0 и грузилось за 0
Насколько это реально?
И нужно каким-то образом максимально облегчить сборку, чтобы весила 0 и грузилось за 0
Насколько это реально?
оставить для лендинга только html - будет идеально)
🦜
const Page = React.lazy(() => import('./Page'))
🦜
Реакт изначально вынести в вендор чанк, чтобы грузилось
vendor
currentPage
vendor
currentPage
🦜
Здравстуйте, а есть ли вообще такая возможность, чтобы генерировать вендор отдельно для каждой страницы react приложения? Грубо говоря есть лендинг сайта, где суммарный объем с учётом сжатия nginx весит 3мб и белый экран весьма долго виден(грубо говоря 20 поинтов на pagespeed google)
И нужно каким-то образом максимально облегчить сборку, чтобы весила 0 и грузилось за 0
Насколько это реально?
И нужно каким-то образом максимально облегчить сборку, чтобы весила 0 и грузилось за 0
Насколько это реально?
AM
const Page = React.lazy(() => import('./Page'))
Так и сделано, все страницы через лейзи
AM
Просто грубо говоря сайт делится на 3 подраздела
админка, пользовательская, и пользовательская другого вида
И получается вендор с общим кодом 3 подразделов(что как бы правильно, но по итогу добавляет много лишнего для загрузки)
админка, пользовательская, и пользовательская другого вида
И получается вендор с общим кодом 3 подразделов(что как бы правильно, но по итогу добавляет много лишнего для загрузки)