如何在Webpack配置中修改生成的href和src URL？

编程问答 2022-08-12

问题描述

当前，当我运行build时，生成的index.html文件看起来像这样：

<!doctype html>
<html lang="en">
<head>
<Meta charset="utf-8"/>
    .....
    <link rel="manifest" href="/manifest.json"/>
    <link rel="stylesheet" href="/styles.css">
    <link rel="stylesheet" href="/example-styles.css">
    <link href="/static/css/2.11829350.chunk.css" rel="stylesheet">
    <link href="/static/css/main.535144d0.chunk.css" rel="stylesheet"></head>
    <body>
    .....
    <script src="/static/js/2.9cf03d81.chunk.js"></script>
    <script src="/static/js/main.9011c0c3.chunk.js"></script>
    </body>
</html>

我希望src和href不以/开头，所以应该看起来像这样：

  • href="manifest.json"
  • src="static/js/2.9cf03d81.chunk.js"

我应该如何配置webpack以获得此结果？我尝试了很多事情，但无法达到预期的效果。

该项目已使用create-react-app创建，并包含默认的Webpack设置。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

babeljshtmljavascriptreactjsreactjswebpackwebpackwebpack