Телеграмм чат группы webpack

Size: a a a

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

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

2021 June 14

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

https://github.com/wssgcg1213/babel-plugin-inline-replace-variables/blob/master/index.js

GitHub

wssgcg1213/babel-plugin-inline-replace-variables

babel plugin to replace inline variables. Contribute to wssgcg1213/babel-plugin-inline-replace-variables development by creating an account on GitHub.

источник

14:47пожаловаться #1

Данил in Webpack — русскоговорящее сообщество

Просто сама либа эта набор глобальных утилит из приложения, вынес так как подготавливаю апу к микрофронтенду, и как бы и так думал на счет стоит ли эти функции собирать отдельно, выходит что еще и проблемы из-за этого

источник

15:26пожаловаться #2

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

кстати интересное видео про трюки с бабелем
https://www.youtube.com/watch?v=1queadQ0048&list=PLV5CVI1eNcJgCrPH_e6d57KRUTiDZgs0u

YouTube

The difference between (and power of) the babel plugins codegen, preval, and macros

Question: https://github.com/kentcdodds/ama/issues/418
Repo: https://github.com/kentcdodds/codegen-vs-preval-vs-macros

Links:
- https://github.com/kentcdodds/babel-plugin-preval
- https://github.com/kentcdodds/babel-plugin-codegen
- https://github.com/kentcdodds/babel-plugin-macros
- https://blog.kentcdodds.com/write-your-own-code-transform-for-fun-and-profit-140abde9c5c6
- https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/macros.md
- https://github.com/evenchange4/graphql.macro
- https://medium.com/@citycide/partial-application-lambda-parameters-for-js-aa16f4d94df4
- https://github.com/kentcdodds/import-all.macro

источник

16:46пожаловаться #3

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

хотел сказать что Кент молодец, опять взялся за годный контент, а потом смотрю, а это 2018 🙁

источник

17:38пожаловаться #4

2021 June 15

Aleksey Immũzov in Webpack — русскоговорящее сообщество

Всем привет! Подскажите, реально ли как-то сделать так чтобы внутри index.html (который обрабатывается HtmlWebpackPlugin) заработал postcss-loader (для <style />)?

источник

16:05пожаловаться #5

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

а зачем там инлайн стили делать? нельзя вынести в файл отдельный?

источник

16:14пожаловаться #6

Aleksey Immũzov in Webpack — русскоговорящее сообщество

Не-а, нельзя. Нужно до того как css/js подгрузится нарисовать кое что.

источник

16:14пожаловаться #7

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

вы какую проблему решаете ?

источник

16:21пожаловаться #8

Aleksey Immũzov in Webpack — русскоговорящее сообщество

Проблему того что у меня есть <style> (inline) в index.html который надо прогнать через postcss. Сейчас это не представляю как сделать через webpack, в голову приходит одно решение: скомпилить строку и положить как переменную для index.html.

источник

16:25пожаловаться #9

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

делайте все в отдельном файле, добавляете его в сборку (через энтри, импортом в первый js файл, не суть)
подрубаете https://www.npmjs.com/package/html-inline-css-webpack-plugin
в filter пишите функцию которая выберет только этот ваш файл (или файлы если их больше одного) и все

npm

npm: html-inline-css-webpack-plugin

☄️ A webpack plugin for convert external stylesheet to embedded stylesheet, aka document stylesheet

источник

17:05пожаловаться #10

Aleksey Immũzov in Webpack — русскоговорящее сообщество

Спасибо за совет, попробую.

источник

17:06пожаловаться #11

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

Всем привет. Сбилдил проект на реакте, открываю index.html файл, а он пустой, есть

<div id="root"></div>

Вот тут мой вебпак конфиг

источник

20:55пожаловаться #12

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

точнее почему-то внутри этого дива ничего нет. Не понимаю почему

источник

20:55пожаловаться #13

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

внутри ничего не должно быть - так работают большинство SPA-фреймворков - создается один корневой элемент и уже с помощью JS генерится DOM

источник

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

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

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

источник

21:08пожаловаться #15

2021 June 16

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

Ребята выручайте, если я в двух разных страницах вызываю они н и тот же .js фаил то он собирается в отдельный балдел. Как отключить это? Мне нужно что бы он добавлялся в бандэл каждый страницы отдельно

источник

15:39пожаловаться #16

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

сделай 2 экземпляра файла 😉

источник

16:15пожаловаться #17

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

Это слайдер( я не могу каждый раз новый Фаил платить для него((

источник

16:20пожаловаться #18

2021 June 17

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