Question

我正在尝试使用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 run build。它也不是代理设置，而不是.env中的HOSt

甚至可以使用create-react-app吗？我检查了文档，但没有找到任何解决方案。

Answer 1

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

Answer 2

来不及了，但是如果这对其他人有所帮助，这就是您实现目标的方式。弹出后，查看config文件夹中的文件：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

create-react-app：在开发中更改bundle.js的src

2 个答案: