Программно создайте index.html из проекта React, чтобы включить номер версии из package.json

Проблема, которую я пытаюсь решить при развертывании новой сборки, пользователи должны получить последние версии bundle.js и bundle.css, а не в браузере. Решением проблемы является добавление строки запроса к имени файла, например, /client.bundle.js?v=1.01. 1.01 происходит от package.json version свойство.

Содержимое index.html, которое содержится в общей папке, приведено ниже. Как настроить веб-пакет для автоматического изменения index.html при сборке?

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Loading...</title>
  <meta name="viewport"
    content="width=device-width,user-scalable=no,initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta charset="utf-8">
  <link href="https://fonts.googleapis.com/css?family=Lato:300,400,600,700" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="/client.bundle.css">
</head>
<body>
  <div id="app"></div>
  <script src="/bundle.js"></script>
  </script>
</body>
</html>
4 голоса | спросил Suthan Bala 8 J0000006Europe/Moscow 2018, 14:45:31

1 ответ


0
В системе сборки Webpack вы можете использовать что-то вроде этого:И сделать это доступным на объекте окна через DefinePlugin WebpackЧто вы можете использовать позже в файле index.html или если вы используете какой-либо язык шаблонов.
ответил Arpit Goyal 8 J0000006Europe/Moscow 2018, 14:56:52

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132