Как сжать сборку с / без извлечения create-реагировать на приложение. Также включите сжатый файл в тег скрипта в index.html

Question

Я использую react-scripts build, чтобы подготовить производственную сборку и развернуть ее на сервере AWS, который я используюGENERATE_SOURCEMAP=false yarn build && aws s3 sync build/ s3://*********Есть ли способ применить сжатие gzip для создания файлов и включить gzip-файлы в index.html и развернуть его на aws, чтобы в браузере передавались gzip-файлы.

Answer 1

Изменить процесс сборки cra не так просто, вы можете его удалить, но после этого вам придется создать свой собственный.Но в вашем package.json вы можете определить задачу, которая будет запущена после сборки:

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "postbuild": "node yourNodeGzipScript.js"   }

Надеюсь, это поможет.

Answer 2

Вы также можете просто добавить скрипт postbuild в ваш package.json с помощью:

"postbuild": "find ./build -type f -name '*.css' -o -name '*.js' -exec gzip -k '{}' \\;"