Size: a a a

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

2020 September 04

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Человек Сверхчеловек
Человек Сверхчеловек, [4 сент. 2020 г., 18:27:04]:
Ребят подскажите пожалуйста sideEffect: false меняет порядок классов в css. Как это вылечить?

на prod сборке

есть вот такое issue https://github.com/webpack/webpack/issues/7094
sideEffects может быть не только true/false, там может быть массив с глобами. выключи для css
источник

ЧС

Человек Сверхчеловек... in Webpack — русскоговорящее сообщество
Roman Usherenko
sideEffects может быть не только true/false, там может быть массив с глобами. выключи для css
у меня на проекте используется https://www.npmjs.com/package/stylus
есть импорт
import '../../styles/document.styl'; // Root Styles
в компоненте Layout

дак вот без
 "sideEffects": [
   "*.css",
   "*.styl",
 ],

это не работало
источник

ЧС

Человек Сверхчеловек... in Webpack — русскоговорящее сообщество
c sideEffect стало работать
источник

ЧС

Человек Сверхчеловек... in Webpack — русскоговорящее сообщество
но там проблема именно в том как он формирует общий css файл
источник

ЧС

Человек Сверхчеловек... in Webpack — русскоговорящее сообщество
не передается className
источник

ЧС

Человек Сверхчеловек... in Webpack — русскоговорящее сообщество
он меняет порядок
источник
2020 September 05

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Roman Usherenko
sideEffects может быть не только true/false, там может быть массив с глобами. выключи для css
Этот флаг говорит ещё и о том что порядок импортов не важен (что справедливо для импортов без сайд эффекта)
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Если импортировать файл с сайд эффектом (стиль в данном случае) то и тот файл куда импортировали файл становится с сайд эффектом т.к. сам становится источником сайд эффекта
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Я бы завел ишью в вебпаке и посмотрел что предложат его создатели, возможно есть какой-то воркэраунд, как минимум это может быть кастомный плагин который сортанет внутренний стейт вебпака
источник

R

Rafael 🦠 in Webpack — русскоговорящее сообщество
тут по роллапу спрашивать можно?
источник

R

Rafael 🦠 in Webpack — русскоговорящее сообщество
Кто монорепу на роллапе поднимал? у вас независимая сборка каждого пакета или нет?

если независимая сборка, то запускаете от корня задачу или от package.json пакета? Если последний вариант, то как резолвите путь до tsconfig?

По сути возникает ситуация, когда cwd начинает влиять на path.resolve(__dirname, 'tsconfig.json'). Вот и вопрос - как вы это обходите?
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Rafael 🦠
Кто монорепу на роллапе поднимал? у вас независимая сборка каждого пакета или нет?

если независимая сборка, то запускаете от корня задачу или от package.json пакета? Если последний вариант, то как резолвите путь до tsconfig?

По сути возникает ситуация, когда cwd начинает влиять на path.resolve(__dirname, 'tsconfig.json'). Вот и вопрос - как вы это обходите?
Тс конфиг умеет инклудить другие конфиги
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Rafael 🦠
Кто монорепу на роллапе поднимал? у вас независимая сборка каждого пакета или нет?

если независимая сборка, то запускаете от корня задачу или от package.json пакета? Если последний вариант, то как резолвите путь до tsconfig?

По сути возникает ситуация, когда cwd начинает влиять на path.resolve(__dirname, 'tsconfig.json'). Вот и вопрос - как вы это обходите?
Если хочется именно самому разруливать
https://github.com/inxilpro/node-app-root-path
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Целая либа из коллекций все возможных хаков
источник

R

Rafael 🦠 in Webpack — русскоговорящее сообщество
Alex CherryTea
Тс конфиг умеет инклудить другие конфиги
ts то умеет, а вот ts плагин для роллапа требует указание пути до ts config

но из-за independent сборки пакетов путь не матчится
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Ну ролап ещё очень зелен
источник

y

ymdev in Webpack — русскоговорящее сообщество
Rafael 🦠
Кто монорепу на роллапе поднимал? у вас независимая сборка каждого пакета или нет?

если независимая сборка, то запускаете от корня задачу или от package.json пакета? Если последний вариант, то как резолвите путь до tsconfig?

По сути возникает ситуация, когда cwd начинает влиять на path.resolve(__dirname, 'tsconfig.json'). Вот и вопрос - как вы это обходите?
попробуй на уже реализованые монорепы посмотреть. Навскидку, у react монорепа, у babel монорепа
источник

y

ymdev in Webpack — русскоговорящее сообщество
У react как раз должен быть ts и rollup
источник
2020 September 06

A

Alex CherryTea in Webpack — русскоговорящее сообщество
ymdev
У react как раз должен быть ts и rollup
У реакта ролап? Да ну
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
ymdev
У react как раз должен быть ts и rollup
У реакта должен быть flow и вебпак
источник