创建-反应-应用程序:在开发中更改bundle.js的 src



我正在尝试使用create-react-app在开发中更改bundle.js的src。

默认情况下,路径为:/static/js/bundle.js

<body>
<div id="root"></div>
</script><script type="text/javascript" src="/static/js/bundle.js"></script></body>

在我们的生产中,我们使用Apache作为API的代理,以测试SSO和其他功能。所以我必须在路径中添加一些字符串,如下所示:myApp/static/js/bundle.js

<body>
<div id="root"></div>
</script><script type="text/javascript" src="myApp/static/js/bundle.js"></script></body>

我在package.json中尝试了主页,但它仅适用于npm运行构建。它也不是代理设置,也不是 .env 中的 HOSt

创建-反应-应用程序甚至可能做到这一点吗?我检查了文档,但没有找到任何解决方案。

你必须'npm run eject' 并修改 webpack 文件来更改输出。

有点晚了,但如果这对别人有帮助,这就是你实现它的方式。弹出后,看看配置文件夹,文件:webpack.config.dev.js:

const publicPath = '/';
// `publicUrl` is just like `publicPath`, but we will provide it to our app
// as %PUBLIC_URL% in `index.html` and `process.env.PUBLIC_URL` in JavaScript.
// Omit trailing slash as %PUBLIC_PATH%/xyz looks better than %PUBLIC_PATH%xyz.
const publicUrl = '';

在那里,您可以更改此值,或者,第二个选项是创建一个 .env 文件并添加:

PUBLIC_URL=/xxx

最新更新