Я создаю проект ReactJS с пакетом create-react create-react-app, и это сработало хорошо, но я не могу найти файлы и конфигурации webpack.
Как реагировать-создавать-приложение работает с webpack? Где находятся файлы конфигурации webpack, расположенные в стандартной установке с помощью приложения create-react-app? Я не могу найти файлы конфигурации в папках проекта.
Я не создал файл конфигурации переопределения. Я могу управлять настройками конфигурации с другими статьями, но я хочу найти обычный файл конфигурации.
Если вы хотите найти файлы и конфигурации веб-пакетов, перейдите в файл package.json и найдите сценарии.
Вы обнаружите, что объект scripts использует библиотеку response-scripts
Теперь перейдите в node_modules и найдите папку реакции-скрипты.
Эта папка activ -scripts/scripts и реагирует-scripts/config содержит все конфигурации веб-пакета.
Из документации:
Вам не нужно устанавливать или настраивать такие инструменты, как Webpack или Babel. Они предварительно настроены и скрыты, так что вы можете сосредоточиться на коде.
Если вы хотите иметь доступ к файлам конфигурации, вам нужно извлечь, запустив:
npm run eject
Примечание: это односторонняя операция. После того, как вы извлечете, вы не можете вернуться!
В большинстве сценариев лучше не извлекать и пытаться найти способ заставить его работать на вас по-другому. Таким образом, вы можете обновить свои зависимости через create-react-app и не иметь дело с адом зависимостей Webpack.
Многие люди заходят на эту страницу с целью найти конфигурацию веб-пакета и файлы, чтобы добавить к ним собственную конфигурацию. Еще один способ добиться этого без запуска npm run eject - это использовать response-app-rewired. Это позволяет перезаписать файл конфигурации вашего веб-пакета без извлечения.
Конфигурация 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
Предполагая, что вы не хотите выбрасывать, и вы просто хотите посмотреть на конфигурацию, вы найдете их в /node_modules/response-scripts/config webpack.config.dev.js.//used by 'npm start' webpack.config.prod.js//used by 'npm run build' webpack.config.dev.js.//used by 'npm start' webpack.config.prod.js//used by 'npm run build'
Попробуйте извлечь файлы конфигурации, выполнив:
npm run eject
то вы найдете папку конфигурации, созданную в вашем проекте. Вы найдете свои конфигурационные файлы webpack init.
Конфигурация Webpack обрабатывается реагирующими скриптами. Вы можете найти все конфиги веб-пакетов в node_modules response -scripts/config.
И если вы хотите настроить конфиг веб-пакета, вы можете выполнить эту команду