Как обновить конфигурацию webpack для проекта React, созданного с помощью приложения create-react-app?

Question

Я создал проект реакции с помощью приложения create-react-app. Теперь мне нужно обновить конфигурацию веб-пакета, но я нигде не нахожу файл. Нужно ли мне самому создавать этот файл или каков процесс? Я новичок в реакции и не совсем уверен, что делать дальше.

Answer 1

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

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

Answer 2

Нет необходимости запускать npm run eject

Шаг 1

npm install react-app-rewired --save-dev

Шаг 2

Добавьте config-overrides.js в каталог проекта root. (НЕ ./src)

// config-overrides.js
module.exports = function override(config, env) {
    // New config, e.g. config.plugins.push...
    return config
}

Шаг 3

Перезапустите приложение . Готово

Answer 3

Вариант 1. Извлеките CRA

Если вы только что создали приложение с помощью CRA и не внесли в него больших изменений, вы можете использовать npm run eject - подробнее об этом здесь

Имейте в виду, что после этого не будет возврата (кроме, конечно, коммитов). Это в основном предоставит вам файл webpack и другие файлы, которые в настоящее время «скрыты» в CRA

Некоторые критические замечания и размышления об этом методе здесь

Вариант 2 - Реагировать App Rewired

Возможно, это правильный выбор. Это позволяет вам расширить ваш текущий веб-пакет без извлечения или беспорядка / внесения слишком большого количества изменений в ваш проект, как это сделает npm run eject. Взгляните на пакет здесь

Отличное руководство от Egghead.io с использованием react-app-rewired здесь