Size: a a a

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

2020 July 27

A

Aleksandr in Webpack — русскоговорящее сообщество
вот серьезно
источник

С

Сергей in Webpack — русскоговорящее сообщество
Aleksandr
мы сейчас с тобой изобрели  мгновенную загрузку сайта любого бандла, миллиарды делим по полам
Извините меня, но я сворую вашу разработку. Уж больно она хороша =)
источник

A

Aleksandr in Webpack — русскоговорящее сообщество
Сергей
Извините меня, но я сворую вашу разработку. Уж больно она хороша =)
шта? кого чего? воруйте на здоровье
источник

С

Сергей in Webpack — русскоговорящее сообщество
Aleksandr
шта? кого чего? воруйте на здоровье
😂😂😂
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
013
Я понял, что нужно про чанки почитать. Я использую semantic-ui-react и он мне в итоговом bandle подтягивает лого свои и картинки, как от этого можно избавиться?
высока вероятность что никак, зависит от того как сделана либа. Если сделана правильно - то можно импортировать только те части которые нужны (прям как в lodash) и тогда такой проблемы не будет.
Например я знаю точно что так сделано в react ant.design
import Button from 'antd/button';
или
import { Button } from 'antd';
если немного подтюнить бабель
источник

A

Aleksandr in Webpack — русскоговорящее сообщество
Alex CherryTea
высока вероятность что никак, зависит от того как сделана либа. Если сделана правильно - то можно импортировать только те части которые нужны (прям как в lodash) и тогда такой проблемы не будет.
Например я знаю точно что так сделано в react ant.design
import Button from 'antd/button';
или
import { Button } from 'antd';
если немного подтюнить бабель
Семантик свои иконки точно не экспортирует
источник

0

013 in Webpack — русскоговорящее сообщество
Alex CherryTea
высока вероятность что никак, зависит от того как сделана либа. Если сделана правильно - то можно импортировать только те части которые нужны (прям как в lodash) и тогда такой проблемы не будет.
Например я знаю точно что так сделано в react ant.design
import Button from 'antd/button';
или
import { Button } from 'antd';
если немного подтюнить бабель
Спасибо большое!)
источник
2020 July 28

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
~кто с бабель трансформами работал? как добавить что-то в начало кода?~
разобрался. path#insertBefore
источник
2020 July 29

АБ

Александр Бакиматов... in Webpack — русскоговорящее сообщество
источник

n

neadmin in Webpack — русскоговорящее сообщество
что за спам?
источник

Ж

Жека in Webpack — русскоговорящее сообщество
Всем привет. Такой вопрос: как можно на этапе сборки в вебпаке вытащить из всех .js файлов в директории тексты, которые обрамлены по определённому паттерну (пример: {'Some text'})?
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Жека
Всем привет. Такой вопрос: как можно на этапе сборки в вебпаке вытащить из всех .js файлов в директории тексты, которые обрамлены по определённому паттерну (пример: {'Some text'})?
вытащить куда? вытащить и что сделать?
источник

Ж

Жека in Webpack — русскоговорящее сообщество
Вытащить и записать в json
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Жека
Вытащить и записать в json
нужно писать лоадер

но вообще кажется ты что-то не так делаешь)

можешь рассказать изначальную задачу?
источник

Ж

Жека in Webpack — русскоговорящее сообщество
Roman Usherenko
нужно писать лоадер

но вообще кажется ты что-то не так делаешь)

можешь рассказать изначальную задачу?
Есть приложение на реакте, необходимо вытащить все англоязычные тексты(коих там много) и записать в json файл, дабы потом можно было проверить их правильность
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Жека
Есть приложение на реакте, необходимо вытащить все англоязычные тексты(коих там много) и записать в json файл, дабы потом можно было проверить их правильность
ну... хм да. тебе нужно будет парсить каждый файл бабелем и искать StringIdentifier
источник

Ж

Жека in Webpack — русскоговорящее сообщество
Roman Usherenko
ну... хм да. тебе нужно будет парсить каждый файл бабелем и искать StringIdentifier
А одним вебпаком ограничиться не выйдет?
источник

RU

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

внутри ты можешь делать что хочешь - можешь регулярками насобирать
источник

Е

Евгений in Webpack — русскоговорящее сообщество
арифметическая задача, однако
источник

KZ

Kostya Zgara in Webpack — русскоговорящее сообщество
Всем привет. Ребят никто не сталкивался как с помощью create-react-app сделать билд так, чтобы на выходе получался только один html файл, а все ассеты типа css, js были встроенны инлайном в этот html файл в теги <style>, <script> соответственно. Смотрел на вот такой плагин https://github.com/DustinJackson/html-webpack-inline-source-plugin но он к сожалению не поддерживается и не работает с новой версий HtmlWebpackPlugin. Есть еще какие-то варианты как этого можно достичь?

Варианты типа вручную подключить react и babel в index.html и писать компоненты прямо там пока что не рассматриваю. Хотелось бы иметь полностью весь функционал create-react-app.
источник