Size: a a a

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

2020 June 01

DS

Dmitriy Shuleshov in Webpack — русскоговорящее сообщество
Kenan Ayvazov
воркер видимо
Ну те это не код самого воркера а модуль для сетапа воркеров?
источник

АН

Андрей Неумыванный... in Webpack — русскоговорящее сообщество
Ребят, подскажите, сборка работала нормально, теперь выдает вот это, не отслеживает проект, причем в bash успешная сборка. Если например собрать итоговый проект, а потом запустить снова в режиме разработки, то начинает отслеживать дирректорию
источник

АН

Андрей Неумыванный... in Webpack — русскоговорящее сообщество
Webpack должен без билда собирать в оперативе и следить за ней, а она видимо не создается
источник

АН

Андрей Неумыванный... in Webpack — русскоговорящее сообщество
Вот что показывает после итоговой сборки и запуска npm run dev
источник

KA

Kenan Ayvazov in Webpack — русскоговорящее сообщество
@Akiyamka спам
источник

KA

Kenan Ayvazov in Webpack — русскоговорящее сообщество
Андрей Неумыванный
Ребят, подскажите, сборка работала нормально, теперь выдает вот это, не отслеживает проект, причем в bash успешная сборка. Если например собрать итоговый проект, а потом запустить снова в режиме разработки, то начинает отслеживать дирректорию
в дев режиме он у тебя шрифты переводит в base64, видимо из-за этого ошибка
источник

АН

Андрей Неумыванный... in Webpack — русскоговорящее сообщество
Kenan Ayvazov
в дев режиме он у тебя шрифты переводит в base64, видимо из-за этого ошибка
Да я уже и шрифты все удалил, что не помогло... А почему он может их переводить?
источник

KA

Kenan Ayvazov in Webpack — русскоговорящее сообщество
Андрей Неумыванный
Да я уже и шрифты все удалил, что не помогло... А почему он может их переводить?
Потому что размер шрифта меньше указанного в настройках file-loader'а.
источник

АН

Андрей Неумыванный... in Webpack — русскоговорящее сообщество
Kenan Ayvazov
Потому что размер шрифта меньше указанного в настройках file-loader'а.
Я новичок, ты ели что за глупые вопросы прости.. но как это изменить? Я первый раз про это слышу
источник

KA

Kenan Ayvazov in Webpack — русскоговорящее сообщество
Андрей Неумыванный
Я новичок, ты ели что за глупые вопросы прости.. но как это изменить? Я первый раз про это слышу
Смотри. Выложи куда-нибудь вебпак конфиг и скинь сюда, глянем
источник

АН

Андрей Неумыванный... in Webpack — русскоговорящее сообщество
Kenan Ayvazov
Смотри. Выложи куда-нибудь вебпак конфиг и скинь сюда, глянем
источник

АН

Андрей Неумыванный... in Webpack — русскоговорящее сообщество
Там в readme структура прописана
источник

НМ

Никита Михалков... in Webpack — русскоговорящее сообщество
Как подключать стили автоматически, в рантайме, с использованием mini-css-extract-plugin в пайплайне css?

Я указываю стили как модули, что бы явно описать зависимость js файла от стилей.

Я хочу, что бы при подключении стилей (require('file.css')), они автоматически внедрялись на страницу.

Загрузчик style-loader делает это. Но я хочу использовать плагин mini-css-extract-plugin, который не работает в связке с style-loader и в документации которого сказано:

This plugin should be used only on production builds without style-loader in the loaders chain, especially if you want to have HMR in development.

Пример проблемы: если у меня есть несколько js файлов "точек входа" и в рантайме мне понадобится подключить один из конечных бандлов, например optional-module.js, придётся вручную подключать и его зависимости, как например optional-module.css. Я хочу, что бы модуль сам занимался этим.

p.s. html-webpack-plugin, разумеется, не решает мою проблему, потому что предназначен для генерации статических страниц, а мой вопрос о подключении стилей в рантайме.
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Никита Михалков
Как подключать стили автоматически, в рантайме, с использованием mini-css-extract-plugin в пайплайне css?

Я указываю стили как модули, что бы явно описать зависимость js файла от стилей.

Я хочу, что бы при подключении стилей (require('file.css')), они автоматически внедрялись на страницу.

Загрузчик style-loader делает это. Но я хочу использовать плагин mini-css-extract-plugin, который не работает в связке с style-loader и в документации которого сказано:

This plugin should be used only on production builds without style-loader in the loaders chain, especially if you want to have HMR in development.

Пример проблемы: если у меня есть несколько js файлов "точек входа" и в рантайме мне понадобится подключить один из конечных бандлов, например optional-module.js, придётся вручную подключать и его зависимости, как например optional-module.css. Я хочу, что бы модуль сам занимался этим.

p.s. html-webpack-plugin, разумеется, не решает мою проблему, потому что предназначен для генерации статических страниц, а мой вопрос о подключении стилей в рантайме.
бери manifest-plugin и бери имена файлов из манифеста

в дев - style-loader, в прод - extract

что у тебя на беке? ларавель какойнить?
источник

НМ

Никита Михалков... in Webpack — русскоговорящее сообщество
Roman Usherenko
бери manifest-plugin и бери имена файлов из манифеста

в дев - style-loader, в прод - extract

что у тебя на беке? ларавель какойнить?
Бека нет и я не понял что ты имеешь в виду. Что extract? Пайплайн [MiniCssExtractPlugin.loader, 'css-loader'] не делает инъекции стилей в страницу в рантайме, в отличие от ['style-loader', 'file-loader']
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Никита Михалков
Бека нет и я не понял что ты имеешь в виду. Что extract? Пайплайн [MiniCssExtractPlugin.loader, 'css-loader'] не делает инъекции стилей в страницу в рантайме, в отличие от ['style-loader', 'file-loader']
что генерирует твою страницу, в которую надо вставить ссылки на стили?
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
конечно не делает, инъекцию делать самому надо
источник

НМ

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

Нужно что бы когда я делаю require('styles.css'), в head страницы появлялся тег link с ссылкой на этот стиль
источник

RU

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

Нужно что бы когда я делаю require('styles.css'), в head страницы появлялся тег link с ссылкой на этот стиль
аа, я понял. не уверен, что так можно. обычно библиотеки, которые идут со стилями либо используют рантайм-стили (styled, emotion) либо идут в комплекте с цсс файлом, который пользователь должен сам вставлять
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
просто смысл экстракта именно в том, чтоб тег стилей на страницу вставлялся до загрузки js
источник