Как я могу переименовать index.html в проекте create-реагировать на приложение? - PullRequest
Новая
       50

Как я могу переименовать index.html в проекте create-реагировать на приложение?

0 голосов
/ 10 июня 2018

Я использую Surge для размещения своего веб-сайта create-реакции-приложения, и для того, чтобы использовать с ним маршрутизацию на стороне клиента, необходимо, чтобы ваша точка входа была 200.html, но при использовании приложения create-реагировать-приложение это по умолчанию установленодо index.html.Какой лучший способ переименовать этот файл, не нарушая веб-сайт?

1 Ответ

0 голосов
/ 10 июня 2018

Как предлагается в связанной проблеме CRA 1761 , предлагаемое решение состоит в том, чтобы извлечь всю конфигурацию (включая Webpack): 

npm run eject

При запуске npm run eject копируются все файлы конфигурациии транзитивные зависимости (Webpack, Babel, ESLint и т. д.) прямо в вашем проекте, чтобы вы имели полный контроль над ними.Такие команды, как npm start и npm run build, все равно будут работать, но они будут указывать на скопированные сценарии, чтобы вы могли настроить их.На данный момент, вы по своему усмотрению. (Почему я люблю Create React App)

После извлечения вы сможете вручную редактировать конфигурацию внутри config/webpack.*.js.

Вы можете ожидать, что строка будет выглядеть как: 

new HtmlWebpackPlugin({ inject: true, template: paths.appHtml, filename: 'index.html', ...)

Где вы можете просто заменить index.html на желаемый 200.html.

Также есть возможность поиграть с командами построения (как предложено ).lcoder ): 

{
  "scripts": {
    ...
    "build": "node scripts/build.js && mv build/index.html build/app.html",
    ...
  }
}

При условии, что вам будет достаточно простого переименования после build процесса.

...