где находится конфиг и файлы создания веб-пакета create-response-app?

174

Я создаю проект ReactJS с create-react-app пакетом, и он работал хорошо, но я не могу найти файлы и конфигурации webpack.

Как работает response-create-app с веб-пакетом? Где находятся файлы конфигурации веб-пакета при установке по умолчанию create-react-app? Я не могу найти файлы конфигурации в папках моего проекта.

Я не создал переопределить файл конфигурации. Я могу управлять настройками конфигурации с помощью других статей, но я хочу найти обычные конфигурационные файлы.

— Мохаммад
источник

96

Если вы хотите найти файлы и конфигурации веб-пакетов, перейдите в файл package.json и найдите сценарии.

Вы обнаружите, что объект scripts использует библиотеку response-scripts

Теперь перейдите в node_modules и найдите папку реакции-скриптов.

Эта папка реагировать на скрипты / скрипты и реагировать на скрипты / конфигурации содержит все конфигурации веб-пакетов.

— Викрам Тхакур
источник

1

Я видел, но у меня нет реакции-сценариев режиссёр

— Мохаммед

4

Я только что создал приложение, используя create-response-app, и в моем случае в node_modules есть папка response-scripts. можешь поделиться своим package.json

— Викрам Тхакур

5

Этот ответ больше не верен , NPM теперь плоский, что означает, что все модули находятся в корневом node_modulesкаталоге

— vsync

4

Фактическая конфигурация веб-пакета находится здесь: github.com/facebook/create-react-app/blob/master/packages/…

— protoEvangelion

Наиболее распространенный вариант использования - настройка конфигурации веб-пакета проекта. Но если он находится в node_modules, он будет перезаписываться при каждой установке npm, не так ли?

— Блан

59

Из документации :

Вам не нужно устанавливать или настраивать такие инструменты, как Webpack или Babel. Они предварительно настроены и скрыты, так что вы можете сосредоточиться на коде.

Если вы хотите иметь доступ к файлам конфигурации, вам нужно извлечь , запустив:

npm run eject

Примечание: это односторонняя операция. Как только вы выбросите, вы не можете вернуться!

В большинстве сценариев лучше не извлекать и пытаться найти способ заставить его работать на вас по-другому. Таким образом, вы можете обновлять свои зависимости create-react-appи не иметь дело с адом зависимостей Webpack.

— klugjo
источник

6

Я знаю, что они скрыты, но я хочу знать, где они и как реагируют, создают приложение и обрабатывают эту способность?

— Мохаммед

Тогда вам, вероятно, придется взглянуть на исходный код. Я не уверен

— klugjo

2

@ Мохаммад, проверьте источник «ответных сценариев», вы можете найти все настройки там

— Хосе Муньос,

1

Не отвечает на вопрос, но помог мне, несмотря ни на что

— Куриный суп

33

Многие люди заходят на эту страницу с целью найти конфигурацию веб-пакета и файлы, чтобы добавить к ним собственную конфигурацию. Еще один способ достичь этого без запуска npm run eject- это использовать response-app-rewired . Это позволяет перезаписать файл конфигурации вашего веб-пакета без извлечения.

— jjbskir
источник

6

Это все еще предпочтительное решение? На перефразированном проекте есть следующее предупреждение: github.com/timarney/react-app-rewired#rewire-your-app- : «Начиная с Create React App 2.0, этот репозиторий« слегка »поддерживается в основном сообществом на данный момент. Примечание: я лично использую next.js или Razzle, которые оба поддерживают собственный Webpack из коробки ".

— Энтони Конг

25

Предполагая, что вы не хотите извлекать, и вы просто хотите посмотреть на конфигурацию, вы найдете их в /node_modules/react-scripts/config

webpack.config.dev.js. //used by `npm start`
webpack.config.prod.js //used by `npm run build`

— vv1z
источник

21

Конфигурация Webpack, используемая create-react-appздесь: https://github.com/facebook/create-react-app/tree/master/packages/react-scripts/config

— Михай Ротару
источник

2

это должен быть ответ

— krankuba

10

Вы можете найти его в папке / config .

Когда вы извлекаете, вы получаете сообщение вроде:

 Adding /config/webpack.config.dev.js to the project
 Adding /config/webpack.config.prod.js to the project

— Alfrex92
источник

7

Конфигурация Webpack обрабатывается реагирующими скриптами . Вы можете найти все конфиги веб-пакетов в node_modules response -scripts / config .

И если вы хотите настроить конфиг веб-пакета, вы можете выполнить эту команду customize-webpack-config.

— Хасан Аяз
источник

3

Попробуйте извлечь файлы конфигурации, выполнив:

npm run eject

тогда вы найдете папку конфигурации, созданную в вашем проекте. Вы найдете свои файлы конфигурации webpack init.

— Винаяк Хамбери
источник

0

Я знаю, что уже довольно поздно, но для будущих людей, сталкивающихся с этой проблемой, если вы хотите получить доступ к конфигурации веб-пакета CRA, другого выхода нет, кроме как запустить:

$ npm run eject

Тем не менее, с выбросом вы оторвитесь от конвейера обновлений CRA, поэтому с точки выброса вы должны поддерживать его самостоятельно.

Я сталкивался с этой проблемой много раз, и поэтому я создал шаблон для реагирующих приложений, которые имеют почти ту же конфигурацию, что и CRA, но также и дополнительные привилегии (такие как styled-components, jest unit test, Travis ci для развертываний, красивее). , ESLint и т. Д.), Чтобы облегчить обслуживание. Проверьте репо .

— Humbledore
источник