Size: a a a

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

2021 January 28

J

Jemil in Webpack — русскоговорящее сообщество
Столкнулся с такой проблемой. Собираю реакт проект. Использую css модули. Когда использую подход разбиения вебпак конфига на несколько файлов, дев и прод, при сборке прода вылетает с ошибкой cssSyntaxError, ошибку искал в css файле, ничего такого нет.

А когда использую другой подход, что все в одном файле, то в проде все бандлится без ошибок. В чем проблема такая может быть?
источник

J

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

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Jemil
Столкнулся с такой проблемой. Собираю реакт проект. Использую css модули. Когда использую подход разбиения вебпак конфига на несколько файлов, дев и прод, при сборке прода вылетает с ошибкой cssSyntaxError, ошибку искал в css файле, ничего такого нет.

А когда использую другой подход, что все в одном файле, то в проде все бандлится без ошибок. В чем проблема такая может быть?
ошибку покажи
источник

J

Jemil in Webpack — русскоговорящее сообщество
Roman Usherenko
ошибку покажи
две ошибки выдает, что пропущены точка с запятой. Я проверил везде стоят точки с запятой, в обоих файлах. Удалял классы на которые жалуется, он потом на другие классы начинает жаловаться.
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Jemil
две ошибки выдает, что пропущены точка с запятой. Я проверил везде стоят точки с запятой, в обоих файлах. Удалял классы на которые жалуется, он потом на другие классы начинает жаловаться.
довольно странно. ошибку выдает css-loader, но он у тебя слева и справа одинаковый... попробуй выложить уменьшенный проект на кодсендбокс может
источник

J

Jemil in Webpack — русскоговорящее сообщество
Roman Usherenko
довольно странно. ошибку выдает css-loader, но он у тебя слева и справа одинаковый... попробуй выложить уменьшенный проект на кодсендбокс может
источник

RU

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

J

Jemil in Webpack — русскоговорящее сообщество
Roman Usherenko
довольно странно. ошибку выдает css-loader, но он у тебя слева и справа одинаковый... попробуй выложить уменьшенный проект на кодсендбокс может
может ошибка в том как разбил конфиг этот на несколько файлов, только учусь как собирать. веб пак. но вроде чекал все схоже между двумя способами.
Вообще способ как на втором скрине можно использовать если работает? Делаю это для тестового
источник

J

Jemil in Webpack — русскоговорящее сообщество
Roman Usherenko
гляну как будет время
спасибо
источник

A

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

J

Jemil in Webpack — русскоговорящее сообщество
Alex CherryTea
Ну это же даже читать сложно, вы случайно не из гальпа пришли?
Случайно нет. только вот учусь как вебпак использовать)
источник

A

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

A

Alex CherryTea in Webpack — русскоговорящее сообщество
config.module.rules[0].use[0] = ...
это вообще фиаско братан
источник

J

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

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Jemil
Спасибо, значит буду дальше разбираться почему не работает первый вариант
вот например неплохой вариант как разбить вебпак конфиг на дев и прод
https://github.com/TypeStrong/ts-loader/blob/master/examples/react-babel-karma-gulp/webpack.config.js
источник

A

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

DO

Dmitry Olyenyov in Webpack — русскоговорящее сообщество
А есть смысл вообще разбивать, если конфиг в 100-200 строк?
источник

A

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

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Alex CherryTea
config.module.rules[0].use[0] = ...
это вообще фиаско братан
еба, я даж не заметил это пока ты не показал
источник

R

Rustam in Webpack — русскоговорящее сообщество
подскажите пожалуйста по optimization.splitChunks . Имеются файлы 1 2 3 4 5 6 7. Как сделать так, чтобы были отдельно общие чанки для всех 7 файлов (чанк А) и отдельно для 1 и 2 (то что не вошло в А)?
источник