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

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

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

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

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

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

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

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

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

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

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

npm run eject

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

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

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

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

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

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

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

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

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

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

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

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

npm run eject

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

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

$ npm run eject

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

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