Относительный путь в index.html после сборки

Здравствуйте, у меня есть приложение responsejs, и я создаю свой проект с помощью следующей команды

npm build

Вот мой package.json файл:

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"},

после сборки у меня есть папка с файлами сборки и файл index.html, но все пути в этом .html абсолютны, я хочу построить с относительным путем

например (index.html): теперь у меня есть:

<script type="text/javascript" src="/static/js/main.af2bdfd5.js"></script>
<link href="/static/css/main.097da2df.css" rel="stylesheet">
<link rel="shortcut icon" href="/favicon.ico">

я хочу этот:

<script type="text/javascript" src="./static/js/main.af2bdfd5.js"></script>
<link href="./static/css/main.097da2df.css" rel="stylesheet">
<link rel="shortcut icon" href="./favicon.ico">

reactjs build create-react-app path react-scripts
person user3045654    schedule 15.09.2017    source источник
comment
Попробуйте использовать html-webpack-plugin, он однозначно понадобится вам для развертывания в будущем.   -  person Artem Mirchenko    schedule 15.09.2017

Ответы (3)


arrow_upward
174
arrow_downward 

// package.json
{
  "name": "your-project-name",
  "version": "0.1.0",
  "homepage": "./", # <--- Add this line ----
  ...
}

Снова запустите npm run build.

Это изменит путь на ./, который является относительным путем вашего проекта.

person Gampesh    schedule 25.03.2018
comment
также официальная документация охватывает эту тему - person Alex Glukhovtsev; 22.04.2019

arrow_upward
23
arrow_downward

Я столкнулся с аналогичной проблемой и решил ее, установив "homepage": "./" в package.json.

Я нашел это решение здесь https://github.com/facebook/create-react-app/issues/165

person Ganesan    schedule 16.03.2018
comment
Кажется, это исправление относится к проектам, созданным с помощью create-react-app? - person Mr. 14; 30.08.2018

arrow_upward
4
arrow_downward

Если вы используете webpack, вы можете попробовать установить publicPath на ./

Подробнее об этом можно узнать здесь.

person Mr. 14    schedule 30.08.2018