Size: a a a

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

2019 November 03

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Artyom Resh
Всем привет! Если я хочу создавать в плагине новые ассеты, так, что бы их становилось видно при request.context(), то каким хуком мне следует воспользоваться? Я пробовал compilation.hooks.additionalAssets и compiler.hooks.emit, но не получалось, новые ассеты появлялись в output фолдере, но на момент их запроса не были видны.

Контекст задачи следующий:
Хочу автоматизировать оптимизацию изображений. Идея в том, что с помощью плагина, я нахожу изображения и создаю их копии, но меньшего размера для @1x и @2x экранов. Потом, в компоненте, я получаю все изображения с помощью requre.contex() и подставляю по имени только те, которые мне нужны.
просто для copy-plugin создай функцию трансформа пайпа.
источник

AR

Artyom Resh in Webpack — русскоговорящее сообщество
Konstantin Sedykh
просто для copy-plugin создай функцию трансформа пайпа.
🤔
Хорошая идея, спасибо, я попробую и так сделать.
Но всё же мне интересно узнать каким хуком в таких случаях пользоваться, ты не знаешь?
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Artyom Resh
🤔
Хорошая идея, спасибо, я попробую и так сделать.
Но всё же мне интересно узнать каким хуком в таких случаях пользоваться, ты не знаешь?
неа, можешь посмотреть сорцы url-loader и file-loader. я в url-loader как-то добавлял поддержку кодирования в base85. уже не поню, что там за хуки юзаются.
источник

AR

Artyom Resh in Webpack — русскоговорящее сообщество
Konstantin Sedykh
неа, можешь посмотреть сорцы url-loader и file-loader. я в url-loader как-то добавлял поддержку кодирования в base85. уже не поню, что там за хуки юзаются.
Извини, но их сорцы в этом вопросе мне не помогут, внутри самих лоадеров никакие хуки не юзаются, их используют в плагинах. Сами лоадеры подгружаются плагином LoaderPlugin, вот в его сорцах покапаться можно попробовать 🤔
А ещё лучше поискать плагин, который отвечает в webpack за создание файлов в output фолдере, думаю в его сорцах я найду ответ на свой вопрос. Никто случаем не знает как он называется?
@iKest спасибо что натолкнул на мысль 🙂
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Artyom Resh
Извини, но их сорцы в этом вопросе мне не помогут, внутри самих лоадеров никакие хуки не юзаются, их используют в плагинах. Сами лоадеры подгружаются плагином LoaderPlugin, вот в его сорцах покапаться можно попробовать 🤔
А ещё лучше поискать плагин, который отвечает в webpack за создание файлов в output фолдере, думаю в его сорцах я найду ответ на свой вопрос. Никто случаем не знает как он называется?
@iKest спасибо что натолкнул на мысль 🙂
на вскидку miniCssExtract, он стили в оутпут фигачит.
источник
2019 November 04

A

AntiBot in Webpack — русскоговорящее сообщество
Confirm that you are not a robot.
источник

M

MadMax in Webpack — русскоговорящее сообщество
Ребята, подскажите пожалуйста. Знает ли кто, как можно изменить пути для статики  preact-cli используя preact.config.js?
источник

DC

Danil Chekalin in Webpack — русскоговорящее сообщество
а есть апи для ручного релоуда модуля? у меня есть translates.json, который обновляется
источник

BS

Bogdan Shelomanov in Webpack — русскоговорящее сообщество
всем привет, падает сборщик, подскажите, какой лоадер нужен? тип файлов .key, .crt
источник

ФА

Фронтенд пастор Антоний in Webpack — русскоговорящее сообщество
Bogdan Shelomanov
всем привет, падает сборщик, подскажите, какой лоадер нужен? тип файлов .key, .crt
Упоролся? Ключи и серты нельзя импортить, они строго приватны
источник

BS

Bogdan Shelomanov in Webpack — русскоговорящее сообщество
Фронтенд пастор Антоний
Упоролся? Ключи и серты нельзя импортить, они строго приватны
fs.readFileSync("./selfsigned.key", "utf8");
источник

BS

Bogdan Shelomanov in Webpack — русскоговорящее сообщество
я не импортирую, при сборке вебпак смотрит в папку dist, но ключи не собирает, где их хранить?
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Danil Chekalin
а есть апи для ручного релоуда модуля? у меня есть translates.json, который обновляется
я это просто решил "правильным путём". то есть сделал так, что этот файл импортируется. все, что импортируется вебпак отслеживает и релоадит
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Bogdan Shelomanov
я не импортирую, при сборке вебпак смотрит в папку dist, но ключи не собирает, где их хранить?
вебпак смотрит только на import. доя всех "не стандартных" файлов можно юзать сразу raw-loader или опосредственно через file-loader. не хочешь импортировать файлы в скриптах, юзай copy-plugin. ещё сертификаты  можно подрубить к dev-server или browser-sync, если нужен https при разработке.
источник

BS

Bogdan Shelomanov in Webpack — русскоговорящее сообщество
Konstantin Sedykh
вебпак смотрит только на import. доя всех "не стандартных" файлов можно юзать сразу raw-loader или опосредственно через file-loader. не хочешь импортировать файлы в скриптах, юзай copy-plugin. ещё сертификаты  можно подрубить к dev-server или browser-sync, если нужен https при разработке.
вот, не могу настроить https при разработке
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Bogdan Shelomanov
вот, не могу настроить https при разработке
module.exports = { //... devServer: { http2: true, https: { key: fs.readFileSync('/path/to/server.key'), cert: fs.readFileSync('/path/to/server.crt'), ca: fs.readFileSync('/path/to/ca.pem'), } } };
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
даже ничего экспортить не надо, просто ключи в корень засунь (только не забудь их в гитигнор добавить, если коммиты делаешь)
источник

BS

Bogdan Shelomanov in Webpack — русскоговорящее сообщество
да помимо вебпака, он просто не хочет на https ничего делать
источник

BS

Bogdan Shelomanov in Webpack — русскоговорящее сообщество
вот так
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Bogdan Shelomanov
да помимо вебпака, он просто не хочет на https ничего делать
юзай нормальные решения типа serve, express, fastify. или ещё можно через xammp и подобное зафигачить. в общем путей решения немерянно.
источник