Size: a a a

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

2020 September 01

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Sanj
Я так понял если у меня работает tree shaking  и стоит один раз импортнуть либу дефолтом, то при билде он всю либу потянет?
Я сейчас открою страшную тайну - тришейкинг вебпака учень условный
источник

A

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

A

Alex CherryTea in Webpack — русскоговорящее сообщество
И таких либ по пальцам сосчитать
источник

A

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

A

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

S

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

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Sanj
Тогда не подскажешь куда копать для уменьшения размера вендора?
Грузи динамически то что не нужно для старта, дроби на чанки, поищи более легковесные альтернативы твоим либам (moment.js, react, jQuery первые кандидаты на выпил), дропни поддержку ие11
источник

S

Sanj in Webpack — русскоговорящее сообщество
Alex CherryTea
Грузи динамически то что не нужно для старта, дроби на чанки, поищи более легковесные альтернативы твоим либам (moment.js, react, jQuery первые кандидаты на выпил), дропни поддержку ие11
понял, благодарю
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Проверь включен ли gzip на сервере
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
И http2
источник

A

Anton in Webpack — русскоговорящее сообщество
Alex CherryTea
И таких либ по пальцам сосчитать
Причём в некоторых пишут, что tree-shekable, но по бандлу смотришь - чёт нее
источник

ЄР

Єгор Раєвський... in Webpack — русскоговорящее сообщество
Добрый день. Подскажите есть ли хорошие курсы по вебпак на YouTube?
источник

С

Сергей in Webpack — русскоговорящее сообщество
{
       test: /\.(hbs)$/,
       use: [
         {
           loader: 'handlebars-loader',
           options: {
             precompileOptions: {
               noEscape: true
             },
             partialDirs: [
               ...glob.sync('./src/components/*').map($glob => path.join(__dirname, `.${$glob}`)),
               ...glob.sync('./src/pages/*').map($glob => path.join(__dirname, `.${$glob}`))
             ]
           }
         }
       ]
     }

Настроил handlebars так чтобы он искал все компоненты в подпапках нужных директорий, но glob.sync срабатывает один раз при запуске dev сервера, но в ходе работы появляются новые компоненты, и dev сервер их не видит, приходиться делать рестарт. Можно ли как то webpack'у сказать чтобы он при каждом измении заново грузил handlebars-loader?
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Сергей
{
       test: /\.(hbs)$/,
       use: [
         {
           loader: 'handlebars-loader',
           options: {
             precompileOptions: {
               noEscape: true
             },
             partialDirs: [
               ...glob.sync('./src/components/*').map($glob => path.join(__dirname, `.${$glob}`)),
               ...glob.sync('./src/pages/*').map($glob => path.join(__dirname, `.${$glob}`))
             ]
           }
         }
       ]
     }

Настроил handlebars так чтобы он искал все компоненты в подпапках нужных директорий, но glob.sync срабатывает один раз при запуске dev сервера, но в ходе работы появляются новые компоненты, и dev сервер их не видит, приходиться делать рестарт. Можно ли как то webpack'у сказать чтобы он при каждом измении заново грузил handlebars-loader?
тебе нужен partialResolver
источник

RU

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

С

Сергей in Webpack — русскоговорящее сообщество
Roman Usherenko
функция, которая запускается на поиск каждого паршиала
Спасибо, а где она должна быть?) В какую сторону копать?
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Сергей
Спасибо, а где она должна быть?) В какую сторону копать?
это такая же опция лоадера, как и partialDirs

доку глянь
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Сергей
Спасибо, а где она должна быть?) В какую сторону копать?
а хотя вообще не факт, что у тебя сработает, в эту функцию не передается информация, откуда был запрошен паршиал
источник

С

Сергей in Webpack — русскоговорящее сообщество
Roman Usherenko
это такая же опция лоадера, как и partialDirs

доку глянь
А как  partialResolver должен отрабатывать? Почитал доку, но не совсем понял
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Сергей
А как  partialResolver должен отрабатывать? Почитал доку, но не совсем понял
например сделать так чтоб если паршиал начинается с @ - то искать в определенной папке
источник