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

групп:

каналов:

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

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

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

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

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

go.backupland.com

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

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

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

Size: a a a

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

1554 membersпожаловаться на группу
2020 June 01

НМ

Никита Михалков... in Webpack — русскоговорящее сообщество
Roman Usherenko
просто смысл экстракта именно в том, чтоб тег стилей на страницу вставлялся до загрузки js
Понятно. И что делать тогда? Я пока что ещё не разбирался с тем, что делает этот плагин, мне сказали что он важный поэтому хочу использовать его, но нужно выполнять описанную задачу. С его помощью как минимум я могу объединять кучу css файлов в один. Ещё и указывать шаблоны именования common чанков.

Мб есть что-то подобное, работающее с style-loader?
источник
17:36пожаловаться#1

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Никита Михалков
Понятно. И что делать тогда? Я пока что ещё не разбирался с тем, что делает этот плагин, мне сказали что он важный поэтому хочу использовать его, но нужно выполнять описанную задачу. С его помощью как минимум я могу объединять кучу css файлов в один. Ещё и указывать шаблоны именования common чанков.

Мб есть что-то подобное, работающее с style-loader?
ты делаешь библиотеку?
источник
17:37пожаловаться#2

НМ

Никита Михалков... in Webpack — русскоговорящее сообщество
Я знакомлюсь с веб паком и оцениваю возможности. Задача которую я описываю - пример ленивого веб компонента. Я не хочу загружать все стили сразу. Возможно они не понадобятся. Но если будет использован какой-то модуль, нужно что бы он самостоятельно подключил стили
источник
17:39пожаловаться#3

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Никита Михалков
Я знакомлюсь с веб паком и оцениваю возможности. Задача которую я описываю - пример ленивого веб компонента. Я не хочу загружать все стили сразу. Возможно они не понадобятся. Но если будет использован какой-то модуль, нужно что бы он самостоятельно подключил стили
тебе нужен динамический импорт

import('pathtocomponent')

внутри пишешь импорты к цсс, они подтянутся вместе с асинхронным чанком
источник
17:42пожаловаться#4

НМ

Никита Михалков... in Webpack — русскоговорящее сообщество
Roman Usherenko
тебе нужен динамический импорт

import('pathtocomponent')

внутри пишешь импорты к цсс, они подтянутся вместе с асинхронным чанком
Как они это сделают?
источник
17:42пожаловаться#5

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Никита Михалков
Как они это сделают?
вебпак отслеживает, какие чанки зависят от каких
источник
17:43пожаловаться#6

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
просто попробуй :)
источник
17:44пожаловаться#7

НМ

Никита Михалков... in Webpack — русскоговорящее сообщество
Roman Usherenko
вебпак отслеживает, какие чанки зависят от каких
Я не об этом. Какой механизм подключения в этом случае? Сомневаюсь что будет подключение css файла в head страницы через link тег, как я описал выше. Скорее всего стили будут храниться даже не в css файле, а в js. Правильно?
источник
17:45пожаловаться#8

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Никита Михалков
Я не об этом. Какой механизм подключения в этом случае? Сомневаюсь что будет подключение css файла в head страницы через link тег, как я описал выше. Скорее всего стили будут храниться даже не в css файле, а в js. Правильно?
я сейчас тебе точно сказать не могу, надо посмотреть
источник
17:46пожаловаться#9

НМ

Никита Михалков... in Webpack — русскоговорящее сообщество
Мне нужно объединять css файлы модуля в один файл, хранить их в виде css файла и подключать в процессе выполнения модуля, через link тег в head страницы.

Если кто-нибудь знает как это сделать - предлагайте
источник
17:48пожаловаться#10

NR

Nikolai Reguliarniy in Webpack — русскоговорящее сообщество
Никита Михалков
Мне нужно объединять css файлы модуля в один файл, хранить их в виде css файла и подключать в процессе выполнения модуля, через link тег в head страницы.

Если кто-нибудь знает как это сделать - предлагайте
Minicssextract + @import
источник
22:28пожаловаться#11

NR

Nikolai Reguliarniy in Webpack — русскоговорящее сообщество
Возможно ещё нужно file-loader сверху применить, чтобы лениво грузить
источник
22:37пожаловаться#12

НМ

Никита Михалков... in Webpack — русскоговорящее сообщество
Nikolai Reguliarniy
Minicssextract + @import
Это так не работает. Я использую require, а не import, но это не важно в этой ситуации
источник
23:11пожаловаться#13

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
юзать styled components или css-in-js
источник
23:26пожаловаться#14

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
для ванилы ещё можно заюзать https://www.npmjs.com/package/loadjs
npm
npm: loadjs
Tiny async loader for modern browsers
источник
23:28пожаловаться#15

НМ

Никита Михалков... in Webpack — русскоговорящее сообщество
Konstantin Sedykh
юзать styled components или css-in-js
Я не хочу использовать кривой подход "css-in-js" только потому, что у линкера нет нужного плагина. Если ничего не найду, буду делать велик. Но скрестил пальцы, что найду готовое решение
источник
23:32пожаловаться#16

НМ

Никита Михалков... in Webpack — русскоговорящее сообщество
Но кстати, даже для того, что бы юзать "css-in-js", нужно знать о том, записаны ли уже эти правила. А для этого всё равно нужно перебирать document.styleSheets
источник
23:35пожаловаться#17
2020 June 02

NR

Nikolai Reguliarniy in Webpack — русскоговорящее сообщество
Никита Михалков
Это так не работает. Я использую require, а не import, но это не важно в этой ситуации
не import а @import в css
css будет одним модулем после склейки
и ег оможно будет экстрактнуть и подключить
источник
02:49пожаловаться#18

В

Валентин in Webpack — русскоговорящее сообщество
Привет, как рассортировать файлы по папкам при сборке?
источник
13:23пожаловаться#19

АГ

Андрей Гуртовой... in Webpack — русскоговорящее сообщество
Валентин
Привет, как рассортировать файлы по папкам при сборке?
Не уверен. Но вроде https://webpack.js.org/plugins/copy-webpack-plugin/ должен уметь
webpack
CopyWebpackPlugin | webpack
webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
источник
13:29пожаловаться#20