首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在webpack创建静态资源文件react时添加路径,创建react应用程序

在webpack创建静态资源文件react时添加路径,创建react应用程序
EN

Stack Overflow用户
提问于 2017-02-10 21:04:47
回答 4查看 2.4K关注 0票数 0

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

例如,目前它创建的路径如下所示

代码语言:javascript
运行
复制
<script type="text/javascript" src="/static/js/main.dab68f70.js">

我需要的地方

代码语言:javascript
运行
复制
<script type="text/javascript" src="assets/static/js/main.dab68f70.js">

有没有可能以某种方式自动化这一点,因为每次我运行我的应用程序时,我的ratpack资产中的文件都会被新文件覆盖。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2017-02-13 00:35:47

最后,我使用了npm弹出,这将公开webpack的所有配置文件。在这里,我编辑了我的webpack配置,以获得我想要的资源路径。

票数 0
EN

Stack Overflow用户

发布于 2017-02-10 21:10:46

像这样配置Webpack输出publicPath怎么样?

代码语言:javascript
运行
复制
output: {
    ...    
    publicPath: "assets",
}

我在Webpack 1.x中使用这个

文档可以在以下位置找到:http://webpack.github.io/docs/configuration.html#output-publicpath

票数 4
EN

Stack Overflow用户

发布于 2020-02-25 08:47:13

三年后.

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

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

大概花了3分钟。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42160113

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档