Телеграмм чат группы webpack_ru страница 1838

parrot.ru

Рейтинг популярных групп и каналов

В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

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

1318 membersпожаловаться на группу

2019 September 05

A

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

На счёт первого, мы друг друга не поняли, потому что я плохо объясняю. Я подумал, что в получившемся css-файле имена классов изменились, а в разметке у человека, понятное дело нет. Потому что как бы они изменились сами по себе.

Второе. Допустим, кому-то нужно узнать тех кто уже лайкнул фотку. Намного легче найти их по селектору ".likes .person", чем по ".jdsfk3 .ur8hfn". Но вообще да, то всё второстепенное. Главное, чтобы не конфликтовали имена классов

ну тогда бы у него и стили слетели, а по поводу парсера -> парсер на селекторах само по себе очень хрупко, будь там нормальные имена или нет. Хэш конечно будет менятся чаще чем нормальные названия но и парсеры хорошие обычно операются на семантику а не на стили

источник

13:43пожаловаться

A

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

я вижу смысл только в том что для достижения уникальности стилей часто используют бем - тогда название одного класса запросто может перевалить на 20 символов. В прод гонять такие стили смысла нету поэтому уникальность достигается просто хешем - что короче

источник

13:44пожаловаться

kp

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

гайз, настало время для глупых вопросов.
как должен работать вебпак.
берет все модули, сливает их в один файл vendors.js
берет все сырцы, сливает их в один файл app.js
вопрос - что делать, если файл vendors весит, скажем, 5 мб? что выше рекомендованного аж на 4.750 мб ?
как должны работать чанки ?
вебпак 3, если это важно

источник

15:38пожаловаться

DT

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

раскидывай либы по чанкам

источник

15:41пожаловаться

DT

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

что тут еще посоветовать

источник

15:41пожаловаться

DT

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

убери не нужные либы

источник

15:42пожаловаться

DT

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

рецепт прост

источник

15:42пожаловаться

2019 September 06

PS

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

Когда я подключаю lodash и беру только 1 метод в импорте { isEmpty } вебпак компилит только необходимый код из либы, или всю библиотеку?

источник

11:50пожаловаться

AZ

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

Чат привет, подскажите пжлст.

Есть ReactJS приложение с CRA
Подключаю шрифт в css файле

@font-face {
    font-family: 'AkzidenzGroteskProRegular';
    src: url('./AkzidenzGroteskPro-Regular.woff') format('woff');
    font-weight: 400;
}

потом подключаю css в приложение

На выходе в билде имею

@font-face{font-family:AkzidenzGroteskProRegular;src:url(/static/media/AkzidenzGroteskPro-Regular.9339ef8a.woff) format("woff");font-weight:400}

Как сделать этот url абсолютным?(С доменом)

источник

11:58пожаловаться

AZ

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

фантомное сообщение, не помогло (https://create-react-app.dev/docs/deployment#building-for-relative-paths)

create-react-app.dev

Create React App · Set up a modern web app by running one command.

`npm run build` creates a `build` directory with a production build of your app. Set up your favorite HTTP server so that a visitor to your site is served `index.html`, and requests to static paths like `/static/js/main..js` are served with the contents of the `/static/js/main..js` file. For more information see the [production build](production-build.md) section.

источник

12:06пожаловаться

EV

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

Когда я подключаю lodash и беру только 1 метод в импорте { isEmpty } вебпак компилит только необходимый код из либы, или всю библиотеку?

Не все либы поддерживают частичное извлечение методов с самой либы . Лодаш кажется это поддерживает поэтому у тебя скопируется не вся либа а только определенный код этого метода

источник

13:23пожаловаться

kp

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

Eugen Vinnikov

Не все либы поддерживают частичное извлечение методов с самой либы . Лодаш кажется это поддерживает поэтому у тебя скопируется не вся либа а только определенный код этого метода

но емнип пара тройка подобных извлечений из лодаша - и ты проиграл в весе. там все очнь плотно завязано. для вскода есть даже плагин который считает вес импорта

источник

13:31пожаловаться

A

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

Когда я подключаю lodash и беру только 1 метод в импорте { isEmpty } вебпак компилит только необходимый код из либы, или всю библиотеку?

tree shaking должен поддерживатся либой чтобы это работало. Лодаш поддерижвает. Однако tree-shaking дает не идеальный результат - часть лишнего кода все-равно попадает. Рекомедуется либы лодаша и лодаш-пообных библиотек импортировать как
import isEmpty from lodash/isEmpty

источник

14:20пожаловаться

A

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

алсо есть плагин для babel которые сделает это автоматически -
преобразует
import { isEmpty } from 'lodash' -> import isEmpty from 'lodash/isEmpty'
https://www.npmjs.com/package/babel-plugin-lodash

npm: babel-plugin-lodash

Modular Lodash builds without the hassle.

источник

14:21пожаловаться

DT

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

tree shaking должен поддерживатся либой чтобы это работало. Лодаш поддерижвает. Однако tree-shaking дает не идеальный результат - часть лишнего кода все-равно попадает. Рекомедуется либы лодаша и лодаш-пообных библиотек импортировать как
import isEmpty from lodash/isEmpty

У лодаша не ес6 же модули

источник

14:21пожаловаться

DT

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

есть под это у него вроде отдельная либа

источник

14:22пожаловаться

A

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

Daniil Tchernyavsky

есть под это у него вроде отдельная либа

?

источник

14:22пожаловаться

DT

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

lodash es или как там его

источник

14:22пожаловаться

A

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

Daniil Tchernyavsky

lodash es или как там его

наоборот, для amd отдельная либа, lodash-amd

источник

14:22пожаловаться

DT

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

што?

источник

14:23пожаловаться