Ruslan
Я ангуляром не обмазывался, поэтому не знаю
Anonymous
Разве вы не на сервере всё пишете, а потом собираете билд и деплоите на фронт?
если нг первый, то скорее всего там в лучшем случае bower (несмотря на то, что нг1 можно подружить с вебпаком). Мб вообще ручками либы кидают в папку.
Michail
Один в один см выше, но спасибо все равно 👍
Ruslan
Один в один см выше, но спасибо все равно 👍
Но лучше отрефакторить: function collapse (arr) { return [...new Set(arr)]; } function isIterable(obj) { return obj != null && typeof obj[Symbol.iterator] === 'function'; } function collapseAll (...args) { const all = args.reduce((arr, arg) => { return isIterable(arg) ? arr.concat(...arg) : arr; }, []); return collapse(all) } function collapseKeys (...args) { return collapseAll( ...args.map(obj => obj && Object.keys(obj)) ) } function mergeByKey(...args){ return collapseKeys(...args).reduce((result, key) => { result[key] = collapseAll(obj1[key], obj2[key]); return result; }, {}); }
Амир
Делаю приложение на electron, при нажатии на одну из кнопок, диалог закрывается. Как сделать чтобы не закрывался? dialog.showMessageBox({ buttons: ["Copy to clipboard", "OK"]})
Камиль
ребзя, как лучше организовать стили в реакт приложении?
Камиль
можно же в папке каждого компонента создать style.css и подключить его в компоненте?
Андрей
Компонент - это изолированная единица, поэтому лучше делать так.
Камиль
Спасибо
Anonymous
Сейчас набегут сумасшедшие фанаты CSS-in-JS
Структура будет отличаться только тем, что вместо styles.pcss надо создавать styles.js
Anonymous
Ага и все 😂
Вопрос был только про то где лучше стили хранить для компонента.
Anonymous
В обоих случаях ответ схож и различается только расширением файла.
Камиль
ребя
Камиль
мои действия: создаю style.css в папке с компонентом в JS файле компонента создаю делаю import style from './style.ccs' в js файле компонента делаю <p className="{style.index}"></p>
Камиль
правильно?
Cenator 🐈
работает ?
Камиль
неа)
Michail
Кмк просто import './style.css'
Michail
И в компоненте className="my-classname"
Anonymous
Кмк просто import './style.css'
Де. Опечаточка.
Cenator 🐈
если ты импортируешь файл css, то перманентные класснеймы лучше строкой писать наверное?
Anonymous
чё?
Cenator 🐈
className="classname", без усов
Cenator 🐈
вообще без специальных настроек вебпак все стили сделает глобальными
Anonymous
Если у тебя есть такой стиль: .index { position: absolute; ... } .blablabla { ... } То при импорте import styles from './styles.css' ты получишь объект styles: { index: '.abrakadabra', blablabla: '.huyabrakadabra' }
Anonymous
Вот и всё. Соответственно, <p className={style.index}></p> — это правильно. Если без кавычек.
Anonymous
Да, чёрт возми, убери кавычки.
Камиль
наверное <p className={styles.index}></p>
Камиль
&
Камиль
?
Cenator 🐈
реакт(или вебпак) не умеет преобразовывать css файл в объект
Cenator 🐈
как обьект использовать можно только если ты сам изначально сделал его объектом и импортишь из .js файла
Anonymous
Ох... Сегодня же выходной.
Anonymous
Cenator 🐈
А покажи, что внутри.
https://i.gyazo.com/9b194ef4a7e5aa203623846aadc747b7.png
Cenator 🐈
https://i.gyazo.com/8ceb00cc1b89e40813f33e7bb1a9e71f.png
Cenator 🐈
https://i.gyazo.com/0f62f4757008ef1b2517486e670ac2a9.png
Cenator 🐈
https://i.gyazo.com/01a1cea00c3da00b1cc95ebe3bdb8a46.png
Cenator 🐈
@bigslycat
Anonymous
Обратись к свойству, а не к объекту.
Anonymous
Ты проверил?
Cenator 🐈
да
Sergey
undefined, очевидно
выведи в консоль
Anonymous
Хм.
Sergey
console.log({ style })
Cenator 🐈
лол я вывел
Sergey
и что там
Cenator 🐈
а ща
Cenator 🐈
https://i.gyazo.com/81538baaf7520f6eec4654b790769e29.png
Cenator 🐈
что и следовало ожидать
Sergey
покажи как настроил css-модули
Cenator 🐈
покажи как настроил css-модули
у меня css и style loader, и вообще я не припоминаю, чтобы ТС что-то писал про css модули
Cenator 🐈
покажи как настроил эти лоадеры)
{ test: /\.css$/, use: [ 'style-loader', { loader: 'css-loader', options: { importLoaders: 1 } } ] }
Sergey
версия вебпака?
Sergey
так
Sergey
поставь в опции modules: true
Cenator 🐈
поставь в опции modules: true
oh shiet, заработало
Sergey
так это если модули выключены ты можешь классы без переменных писать
Sergey
тут же объект классов нужен, потому что css-классы с хэшами
Cenator 🐈
так я и писал раньше классы строкой, но они глобально потом в head вставлялись, поэтому сразу на styled-somponents перешел
Cenator 🐈
лол
Anonymous
приветсвтую, господа. не подскажете норм бесплатный хостинг? чисто поиграться
Костя
сморя для каких целей
Костя
я, например, чито поиграться использовал c9.io
Anonymous
сморя для каких целей
почувствовать все прелести web. Сначала немного разобраться с хостингами, доменами, потом уже перейти на полноценный хостинг со всеми вытекающими
Evgeniy
Местные правила не запрещают постить предложения о работе?
Anonymous
Anonymous
зарегать