Size: a a a

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

2019 October 01

Л

Лев in Webpack — русскоговорящее сообщество
можешь попробовать например настрочить ентрипоинтов под них, в каждом просто импортируешь основной стиль и одну из тем
источник

Л

Лев in Webpack — русскоговорящее сообщество
смотря как ты используешь их после
источник

NE

Nikita E in Webpack — русскоговорящее сообщество
основной стиль в таком случае почемут глобальным не становится
юзаю sass-resources-loader для прокидывания глобальных файлов в модули
источник

NE

Nikita E in Webpack — русскоговорящее сообщество
грубо говоря в файле темы просто перменные и все
в остальных файлах они просто используются
источник

Л

Лев in Webpack — русскоговорящее сообщество
я не уверен могут ли сасс переменные собираться в нативные ксс проперти
источник

Л

Лев in Webpack — русскоговорящее сообщество
а так-же что ты подразумеваешь под глобальным
источник

Л

Лев in Webpack — русскоговорящее сообщество
предположу что ты хочешь чтобы основной стиль вышел в один чанк и не дублировался в темах
источник

Л

Лев in Webpack — русскоговорящее сообщество
но так не выйдет ведь чтобы стиль собрать сасс процессор эти переменные должен развернуть в значения уже в ксс
источник

NE

Nikita E in Webpack — русскоговорящее сообщество
Лев
я не уверен могут ли сасс переменные собираться в нативные ксс проперти
нормально собирается в нативный css, просто сделать это нужно больше 1 раза
источник

NE

Nikita E in Webpack — русскоговорящее сообщество
Лев
а так-же что ты подразумеваешь под глобальным
есть понятие css модули, у каждого свой скоуп, пока сам не импортируешь в него что тебе нужно - из другого файла стили, переменные итд не достать
источник

NE

Nikita E in Webpack — русскоговорящее сообщество
для sass это критичнее чем с чистым css тк в нем есть миксины, функции, мапы итд
источник

NE

Nikita E in Webpack — русскоговорящее сообщество
Лев
но так не выйдет ведь чтобы стиль собрать сасс процессор эти переменные должен развернуть в значения уже в ксс
именно
источник

NE

Nikita E in Webpack — русскоговорящее сообщество
Лев
предположу что ты хочешь чтобы основной стиль вышел в один чанк и не дублировался в темах
нет я хочу сгенерировать несколько одинаковых пачек стилей, каждый из которых включил в себя по одному файлу темы,в итоге пачки ничем не отличаются по структуре кроме значений переменных которые развернулись в процессе компиляции
источник

NE

Nikita E in Webpack — русскоговорящее сообщество
то есть в результате тем быть не должно, они существуют только чтобы преобразоваться в разные билды css с единым js билдом
источник

NE

Nikita E in Webpack — русскоговорящее сообщество
если мой ход мыслей неверен то как это сделать проще?
источник

NE

Nikita E in Webpack — русскоговорящее сообщество
по идее с набором переменных проще не бывает но в вебпаке не заложена такая фигня)
источник

NE

Nikita E in Webpack — русскоговорящее сообщество
попробую действительно в энтри имена засунуть готовые пути
источник
2019 October 02

p

process.exit(69) in Webpack — русскоговорящее сообщество
товарищи...тут для себя открытие сделал 🤦🏻‍♂️
к примеру есть компонент Image
путь: atoms/Image
фи
зически файл компонента atoms/Image/Image
импортить так не хочется...на ум приходит создать index.js файл и реэкспортнуть export { Image } from './Image'
ит
ог: в бандле обвязка для импорта index.js файла остается(

если же резолвить с помощью настройки descriptionFiles вебпака(условно с помощью package.json) - лишнего кода в сборку не попадает
источник

p

process.exit(69) in Webpack — русскоговорящее сообщество
кто как резолвит?)
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
process.exit(69)
товарищи...тут для себя открытие сделал 🤦🏻‍♂️
к примеру есть компонент Image
путь: atoms/Image
фи
зически файл компонента atoms/Image/Image
импортить так не хочется...на ум приходит создать index.js файл и реэкспортнуть export { Image } from './Image'
ит
ог: в бандле обвязка для импорта index.js файла остается(

если же резолвить с помощью настройки descriptionFiles вебпака(условно с помощью package.json) - лишнего кода в сборку не попадает
А почему не хранить как все в папке Atoms/Image/index.js. и папку и файл именовать в image перебор.
источник