Javascript 在webpack创建静态资产文件时添加路径react，创建react应用程序

我有一个react应用程序，我用createreact应用程序构建它，当我运行build时，它生成我需要的静态资产，然后生成index.html文件。我正在gradle的Ratpack服务器上运行这个。然后，我使用gradle将这些文件移动到我的Ratpack目录，这样我就可以在Ratpack服务器上运行它。当我移动文件时，我需要将/assets/添加到JS和CSS文件的url上

例如，现在它创建了这样的路径

<script type="text/javascript" src="/static/js/main.dab68f70.js">

我需要去哪里

<script type="text/javascript" src="assets/static/js/main.dab68f70.js">

---

每次运行我的应用程序时，我的ratpack资产中的文件都会被新文件覆盖，是否可以以某种方式自动执行此操作。

像这样配置Webpack output publicPath如何

output: {
    ...    
    publicPath: "assets",
}

我在Webpack1.x上使用这个

---

文档可以在这里找到：

像这样配置Webpack output publicPath怎么样

output: {
    ...    
    publicPath: "assets",
}

我在Webpack1.x上使用这个

---

文档可以在这里找到：

在我使用npm-eject的最后，这将公开webpack的所有配置文件。从这里，我编辑了我的webpack配置，以获得我的资产所需的路径。

最后我使用了npm eject，这将公开webpack的所有配置文件。从这里，我编辑了我的网页配置，以获得我所需的资产路径。

3年后

我今天有这个问题。我相信你找到了所有相同的答案

下面是我如何修复它的，我进入index.html文件，该文件加载了这几个文件，并手动更改了路径

大约花了3分钟。

3年后

我今天有这个问题。我相信你找到了所有相同的答案

下面是我如何修复它的，我进入index.html文件，该文件加载了这几个文件，并手动更改了路径

---

大约花了3分钟。

您可以在

package.json

文件中添加

“主页”：“.”，

。它将使构建文件具有相对路径。虽然有点奇怪，但它对我起了作用。

你可以在你的

package.json

文件中添加

“主页”：“.”，

。它将使构建文件具有相对路径。虽然有点奇怪，但它对我来说很管用。

配置、js文件在哪里？我没有，我使用了create-react-app在你的项目根目录中有一个webpack.config.js文件。我使用了create-react-app，我的项目根目录中唯一的东西是build.gradle、package.json和warn.lock。你是对的，当你生成包含create-react-app的应用时没有webpack.config.js。更多信息这里关于配置，js文件去哪里？我没有，我使用了create-react-app在你的项目根目录中有一个webpack.config.js文件。我使用了create-react-app，我的项目根目录中唯一的东西是build.gradle、package.json和warn.lock。你是对的，当你生成包含create-react-app的应用时没有webpack.config.js。更多信息请点击这里