@react_js
Сергей28.03.2017
20:05:13
20:05:13
как люди умудряются писать на белом фоне
о божечки брэкетс
он же урезанное говно
andretshurotshka?❄️кде28.03.2017
20:05:48
20:05:48
Google
Ҫѐҏӗѫӑ28.03.2017
20:22:44
20:22:44
https://twitter.com/philipshurpik/status/846791984266334209
@vkurchatkin
Если ты решил не слущать Абрамова, то лучше сразу отказаться от реакта
Denis28.03.2017
20:37:50
20:37:50
Что там за хайп с prejss
Как-то здесь проскакивало, что на нём можно писать в стиле styled components
Есть пример ?
Alexander28.03.2017
20:47:55
20:47:55
Допустим я использовал картинку в стилях. Как мне обработать это через webpack?
Razzwan28.03.2017
21:14:06
21:14:06
Допустим я использовал картинку в стилях. Как мне обработать это через webpack?
см url-loader, file-loaderRazzwan28.03.2017
21:14:45
21:14:45
Допустим я использовал картинку в стилях. Как мне обработать это через webpack?
https://github.com/altiore/webpack_config_example рабочий примерAlexander28.03.2017
21:14:48
21:14:48
GoogleRazzwan28.03.2017
21:15:20
21:15:20
Какую ошибку выдает последний код?
Здается мне, неверно с ExtractPlugin работаешь
Глянь в примере
Razzwan28.03.2017
21:16:53
21:16:53
{
test: /\.scss$/,
loader: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: [
'css-loader',
'resolve-url-loader',
'postcss-loader',
{
loader: 'sass-loader',
options: {
sourceMap: true,
}
}
],
}),
},
Alexander28.03.2017
21:17:07
21:17:07
Razzwan28.03.2017
21:17:50
21:17:50
попробуй мой код для sass и аналогично сделай для css
внимательней, еще нет sourceMap - а это обязательное условие для работы.
Alexander28.03.2017
21:19:52
21:19:52
Razzwan28.03.2017
21:24:52
21:24:52
можно относительный. Можно алиас в webpack.config прописать, и его использовать.
Alexander28.03.2017
21:26:08
21:26:08
можно относительный. Можно алиас в webpack.config прописать, и его использовать.
А относительно чего? Лежат файлы в public/imagesRazzwan28.03.2017
21:26:55
21:26:55
относительно файла, в котором пишешь
.inner {
background: url('../../../../../static/img/bg/interested-bg.png') 110% 34% repeat-y;
}
или так:
.inner {
background: url('static/img/bg/interested-bg.png') 110% 34% repeat-y;
}
а для static указать алиас в конфиге. Этот способ предпочтительней, т.к. можно будет файлы перемещать - и ничего не сломается
Alexander28.03.2017
21:30:57
21:30:57
или так:
.inner {
background: url('static/img/bg/interested-bg.png') 110% 34% repeat-y;
}
а для static указать алиас в конфиге. Этот способ предпочтительней, т.к. можно будет файлы перемещать - и ничего не сломается
Мне нужно не смотря где я пишу url, я пишу его один и файл сам брался с нужного местаRazzwan28.03.2017
21:32:07
21:32:07
Мне нужно не смотря где я пишу url, я пишу его один и файл сам брался с нужного места
я тоже пишу один. Маму просил помочь, но она пирожки печет. Ниче не понял... )Alexander28.03.2017
21:33:08
21:33:08
я тоже пишу один. Маму просил помочь, но она пирожки печет. Ниче не понял... )
Везде допустим пишу /dist/[name].png на любом уровне вложенностиGoogleAlexander28.03.2017
21:36:47
21:36:47
я тоже пишу один. Маму просил помочь, но она пирожки печет. Ниче не понял... )
А может это связано, что в каждом компоненте я подключаю отдельный файл? Не в одном всё пишу?Или я тупой?Razzwan28.03.2017
21:38:59
21:38:59
Ответ на последний вопрос тебе не понравится, если выбор только их этих двух вариантов.
Как отправить файл методом POST на сервер, используя заголовок application/json? Можно вообще так?
Сергей28.03.2017
21:50:44
21:50:44
Razzwan28.03.2017
22:04:05
22:04:05
hlomzik28.03.2017
22:05:08
22:05:08
Привет. Столкнулся в вопросом "более правильного" переопределения свойств вложенных компонентов в cssmodules. Допустим у нас есть компоненты Sidebar и Button. Button внутри Sidebar должен быть инлайновым. Решение, которое пришло мне в голову — прокидывать класс button определенный в Sidebar.css.
Button.css
.Button {
display: block
}
Sidebar.css
.button {
display: inline-block
}
Sidebar.jsx
<Sidebar>
<Button className={ styles.button } />
</Sidebar>
Суть в том, что Button не должен быть глобальным, а перебить стили нужно.
Насколько неправильно такое решение?
Нормально так делать, в том числе для лейаутинга. Но в итоге, если добавляется некое новое состояние в зависимости от некого внешного окружения, то, разумеется, менять компонент — это нормально.А может это связано, что в каждом компоненте я подключаю отдельный файл? Не в одном всё пишу?Или я тупой?
смотри, на что он ругается, какой файл ищет и относительно какого путиAlexander28.03.2017
22:06:48
22:06:48
Alexander28.03.2017
22:07:18
22:07:18
hlomzik28.03.2017
22:07:28
22:07:28
на png есть лоадер?
Razzwan28.03.2017
22:09:58
22:09:58
{
test: /\.(jpe?g|png|gif|svg)$/i,
use: [
{
loader: 'file-loader',
options: {
digest: 'hex',
name: 'static/media/[name].[hash:8].[ext]',
}
},
]
},
вот мой лоадер для файла. Выше кидал лоадер для sass. У меня в этой связке работает
Alexander28.03.2017
22:10:57
22:10:57
Так, вопрос. Нужно ли файл подключать к компоненту? import 'image'
Razzwan28.03.2017
22:11:06
22:11:06
@Kl4ssT И для экстракт плагина внизу, у меня указано только имя итогового файла. Может, поможет. Да, chunks - у меня нет. Скинь часть конфига, где описаны chunks?
Razzwan28.03.2017
22:11:28
22:11:28
Так, вопрос. Нужно ли файл подключать к компоненту? import 'image'
нет. Достаточно указать его в url(...hlomzik28.03.2017
22:11:28
22:11:28
ШТО
Googlehlomzik28.03.2017
22:11:30
22:11:30
это мешает
Alexander28.03.2017
22:11:36
22:11:36
hlomzik28.03.2017
22:11:38
22:11:38
а он исключен для статик файлов. исправь
hlomzik28.03.2017
22:12:21
22:12:21
перепроверь. а еще просто попробуй открыть эту картинку, может она битая сильно, хотя это вряд ли.
Razzwan28.03.2017
22:13:17
22:13:17
Ошибка не меняется
скинь конфиг целиком? Может, что еще пофиксим. А я гляну, как у тебя chunks указаны.AdminERROR: S client not available
hlomzik28.03.2017
22:14:22
22:14:22
человек
у тебя для лоадера статик файлов папка public указана в exclude
соответсвенно, лоадер для этого файла не применяется
Alexander28.03.2017
22:15:09
22:15:09
Убрать оттуда?
hlomzik28.03.2017
22:15:50
22:15:50
ну давай попробуем ответить на твой вопрос. тебе нужно, чтобы файлы в public папке обрабатывались?)
Razzwan28.03.2017
22:16:46
22:16:46
скиньте пример подгрузки chunks с сервера, и разделения на эти кусочки для разных страниц?
GoogleAlexander28.03.2017
22:16:51
22:16:51
Всё всё, убирал только к sass.
Работает. Сейчас буду разбираться с путями, ибо фон не отображается
скиньте пример подгрузки chunks с сервера, и разделения на эти кусочки для разных страниц?
Да нет у меня никаких чанковГде-то нашёл и вставил
hlomzik28.03.2017
22:17:53
22:17:53
проблема конфигов часто в том, что они очень лаконичны, каждое слово что-то значит, и писать его нужно зачем-то)
Alexander28.03.2017
22:21:34
22:21:34
Всё, сделал. Спасибо больше
hlomzik28.03.2017
22:22:33
22:22:33
Alexander28.03.2017
22:22:34
22:22:34
Осталось найти нормальный плагин для селектов :D
hlomzik28.03.2017
22:22:46
22:22:46
и лучше includes или как там сейчас
Осталось найти нормальный плагин для селектов :D
а что, есть проблемы с мемоизированными селекторами?Alexander28.03.2017
22:23:35
22:23:35
а что, есть проблемы с мемоизированными селекторами?
Нужен красивый плагин. Думал о select2, но ему jquery нуженRazzwan28.03.2017
22:23:50
22:23:50
@hlomzik а у тебя есть пример разбиения на chunks с react-router 4?
Алёна28.03.2017
22:24:35
22:24:35
@hlomzik а у тебя есть пример разбиения на chunks с react-router 4?
https://github.com/wop-wops/ad_react_boilerplate/blob/feature/exampleApp/app/scripts/utils/helpers/lazy.jshlomzik28.03.2017
22:24:44
22:24:44
у меня есть проблема с textarea... нужно про них знать что-то особенное, что мешает делать их controlled? становится недоступен, значение из стейта не подхватывает
Razzwan28.03.2017
22:25:14
22:25:14
Кто-то в курсе, вот эта запись: require('components/pages/about/index').default и вот эта: System.import('components/pages/about/index') эквивалентны?
hlomzik28.03.2017
22:26:38
22:26:38
Razzwan28.03.2017
22:28:06
22:28:06
вторая же асинхронная?
я первый спросил ) спасибо. А может такое быть, что у меня из за require('components/pages/about/index').default не работает webpack hot-reload?если я изменяю подключенный таким образом файл, то Hot reload не срабатывает. Или в чем-то другом проблему искать?
https://github.com/wop-wops/ad_react_boilerplate/blob/feature/exampleApp/app/scripts/utils/helpers/lazy.js
еще бы понять, что там написано, хоть и не много, вроде. )))Alexander28.03.2017
22:30:05
22:30:05
Пол дня сегодня убил, чтобы эти файлы подгрузить. Сначала думал что буду тревожить людей... А тут за час решилась проблема
Открыть в Telegram