Size: a a a

2020 January 17

AN

Anton Nemtsev in Frontend UA
у него
источник

AN

Anton Nemtsev in Frontend UA
или контейнера
источник

SG

Stas G in Frontend UA
сейчас попробую сделать кодпен
источник

SG

Stas G in Frontend UA
да, ты прав
источник

SG

Stas G in Frontend UA
пойду искать))
источник

I

Ilya in Frontend UA
Stas G
вот с position: sticky; bottom: 0 когда доскролил до конца родителя
Попробуй position fixed без использования left, bottom etc
источник

SG

Stas G in Frontend UA
та не, это ненадежно
источник

SG

Stas G in Frontend UA
стики тут нужен
источник

SG

Stas G in Frontend UA
и на самом деле оно правильно работает, как Антон и сказал
источник

SG

Stas G in Frontend UA
источник

I

Ilya in Frontend UA
Stas G
та не, это ненадежно
Можешь взять юхушный поллифил
https://github.com/yahoo/react-stickynode
источник

I

Ilya in Frontend UA
Для стики
источник

SG

Stas G in Frontend UA
у меня эвергрин, спасибо)
источник

SG

Stas G in Frontend UA
Anton Nemtsev
что та пошло не так.
проверь что его сдвигает, это не нормально
white-space: pre-wrap у родителя 🤔
источник

SG

Stas G in Frontend UA
пофиксил, добавив white-space: normal на псевдо-элементы
источник

AN

Anton Nemtsev in Frontend UA
=^___^=
источник

SG

Stas G in Frontend UA
Anton Nemtsev
Привет.
Подскажите пожалуйста, а как мне сказать вебпаку что бы определенные импорты вынесло в отдельные чанки?
Например bugsnag или библиотеку шифрования, которая многократно переиспользуется.

Я думал использовать магические комментарии, но

const bugsnag = import(/* webpackChunkName: "reporter" */ '@bugsnag/js');
const bugsnagReact = import(/* webpackChunkName: "reporter" */ '@bugsnag/plugin-react');

вернет промисы, что очень неудобно.
я делал когда-то примерно вот так
  optimization: {
   runtimeChunk: {
     name: 'runtime',
   },
   splitChunks: {
     cacheGroups: {
       default: false,
       vendors: false,
       vendor: {
         test: /node_modules\/(?!.*froala.*)/,
         name: 'vendor',
         chunks: 'all',
       },
       froala: {
         test: /node_modules\/(.*froala.*)/,
         name: 'froala',
         chunks: 'all',
       },
     },
   },
 },

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

AN

Anton Nemtsev in Frontend UA
Stas G
я делал когда-то примерно вот так
  optimization: {
   runtimeChunk: {
     name: 'runtime',
   },
   splitChunks: {
     cacheGroups: {
       default: false,
       vendors: false,
       vendor: {
         test: /node_modules\/(?!.*froala.*)/,
         name: 'vendor',
         chunks: 'all',
       },
       froala: {
         test: /node_modules\/(.*froala.*)/,
         name: 'froala',
         chunks: 'all',
       },
     },
   },
 },

но кажется можно грамотнее, надо повнимательнее доку почитать
Это создаст 2 чанка vendor и froala?
источник

SG

Stas G in Frontend UA
да
источник

SG

Stas G in Frontend UA
но этот кейс под 1 либу, я не уверен что он масштабируется
источник