Size: a a a

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

2020 June 13

М

Максим in Webpack — русскоговорящее сообщество
Ssap Napier
Здравствуйте, у меня такая проблема, нужно добавить глобальную переменную в конфиг, чтобы можно было с ней рендерить изображения на страницу. Можете помочь?
источник

VK

Vyacheslav Konovalov in Webpack — русскоговорящее сообщество
🦜
да, называется postcss plugins
в cssnano только discardDuplicates есть, но удаляет дубликаты только помодульно а не по entry😑
источник

VK

Vyacheslav Konovalov in Webpack — русскоговорящее сообщество
optimize-css-assets-webpack-plugin использует cssnano и удаляет дубликаты в entry🎉
источник

T🐜

The Ant 🐜 in Webpack — русскоговорящее сообщество
Не подскажите как в коефиге подрубать полифилл конкретный из кор.жс? Надо промисы включить, я чот не догоняю. Сам кор через Бабель плагином подключен. В файле мейн.жс неочень хочется чтоб было поключение (щас так)
источник

NR

Nikolai Reguliarniy in Webpack — русскоговорящее сообщество
Vyacheslav Konovalov
а не, говорят что нельзя, потому что нет инфы какие селекторы использованы, а еще css может подгружаться динамически
Можно выпилить ненужные стили purgecss
https://purgecss.com/plugins/webpack.html#installation
источник

VK

Vyacheslav Konovalov in Webpack — русскоговорящее сообщество
👍 круто, спасибо
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
The Ant 🐜
Не подскажите как в коефиге подрубать полифилл конкретный из кор.жс? Надо промисы включить, я чот не догоняю. Сам кор через Бабель плагином подключен. В файле мейн.жс неочень хочется чтоб было поключение (щас так)
лучше отдельно шим с промисами добавить в депендсити и импортировать в index, если ток промисы нужны. хотя я обычно юзаю для этого fast-async
https://www.npmjs.com/package/fast-async
источник

T🐜

The Ant 🐜 in Webpack — русскоговорящее сообщество
Konstantin Sedykh
лучше отдельно шим с промисами добавить в депендсити и импортировать в index, если ток промисы нужны. хотя я обычно юзаю для этого fast-async
https://www.npmjs.com/package/fast-async
там промисы в зависмостях как я понимаю?
источник

AB

Alexander Berezin in Webpack — русскоговорящее сообщество
Подскажите, как сделать, чтобы глобальный объект global был доступен внутри модуля? Мне для SSR, поэтому среда браузер должна быть.
Сейчас, судя по собранному коду, идёт обращение к t.global, а не к global.
Т.е. мне нужен аналог window, но я не могу его даже мокнуть, потому что проклятый vue, как только видит, что window задефайнен, начинает люто бесоёбить.
Подскажите, куда копать?
источник

T🐜

The Ant 🐜 in Webpack — русскоговорящее сообщество
The Ant 🐜
там промисы в зависмостях как я понимаю?
в доке написано. спасибо :)
источник

DB

Dmitrii Bikishov in Webpack — русскоговорящее сообщество
--no-clean         не удалять каталог dist перед сборкой проекта

В vue есть такой флаг, есть что-то в реакте похожее?
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Alexander Berezin
Подскажите, как сделать, чтобы глобальный объект global был доступен внутри модуля? Мне для SSR, поэтому среда браузер должна быть.
Сейчас, судя по собранному коду, идёт обращение к t.global, а не к global.
Т.е. мне нужен аналог window, но я не могу его даже мокнуть, потому что проклятый vue, как только видит, что window задефайнен, начинает люто бесоёбить.
Подскажите, куда копать?
где-то я видел решение, что если глобал window, то его на self подменяют. хотя мож и не из той оперы совсем...
источник

AB

Alexander Berezin in Webpack — русскоговорящее сообщество
Konstantin Sedykh
где-то я видел решение, что если глобал window, то его на self подменяют. хотя мож и не из той оперы совсем...
Ага..
const self = typeof window === 'undefined' ? global : window;

Только косяк в том, что они оба undefined, потому что вебпак обращается как будто к this.global. Как ему протолкнуть глобальную переменную?
Вот с jQuery например так же как-то делают я видел, если её не надо бандлить.
источник

AB

Alexander Berezin in Webpack — русскоговорящее сообщество
Ок, можно не global, как угодно её обозвать, например ssr, или тот же self
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
а в таргете что указываешь?
источник

AB

Alexander Berezin in Webpack — русскоговорящее сообщество
Konstantin Sedykh
а в таргете что указываешь?
vue-cli, по идее таргет браузер. Но мне так и нужно. Мне надо скомпиленную под браузер либу рендерить на v8
источник

AB

Alexander Berezin in Webpack — русскоговорящее сообщество
А у v8 нет window.
Я ему задал global, но вебпак думает, что global это не глобальная переменная, а свойство модуля
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Alexander Berezin
Подскажите, как сделать, чтобы глобальный объект global был доступен внутри модуля? Мне для SSR, поэтому среда браузер должна быть.
Сейчас, судя по собранному коду, идёт обращение к t.global, а не к global.
Т.е. мне нужен аналог window, но я не могу его даже мокнуть, потому что проклятый vue, как только видит, что window задефайнен, начинает люто бесоёбить.
Подскажите, куда копать?
а зачем это надо? все равно как бы ты ни настроил, global на беке не перенесется в глобал а браузере

какая задача?
источник

KS

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

какая задача?
у него в модули глобал не передаётся сверху, а как собственный скоуп модуля определяется, насколько я понял.
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Konstantin Sedykh
у него в модули глобал не передаётся сверху, а как собственный скоуп модуля определяется, насколько я понял.
да но зачем это вообще нужно?
источник