代码之家 › 专栏 › 技术社区 › Don P

让HTML从不同的地方加载JS文件,具体取决于环境

webpack html javascript

Don P · 技术社区 · 8 年前

我怎么能拥有我的 index.html

关于开发,我希望 src 文件的绝对路径: /dist/bundle.js

在生产中,我想要 源代码 文件的相对路径: dist/bundle.js

以下是加载文件的HTML:

<!doctype html>
<html>
  <head>
    <title>Sample App</title>
  </head>
  <body>
    <div id='root'>
    </div>
    <script src="/dist/bundle.js"></script>
  </body>
</html>

如果有帮助,我正在使用Webpack。

1 回复 | 直到 8 年前

Marko Gresak 8 年前

您已经提到正在使用webpack,我假设在开发和生产中使用了不同的配置。

你可以试试 html-webpack-plugin 并将其设置为将脚本注入您的 index.html 文件这样,脚本将根据webpack输出设置注入HTML。您可能需要相应地调整配置。如果这不起作用 webpack-path-rewriter 似乎也是一种选择,但我还没有尝试过。

或者您可以编写一个小脚本,根据 document.location.hostname 然后包括一个 <script> 具有正确的src路径。但这种方法似乎并不正确,而且容易改变领域。

但我同意@Makyen让环境保持不变的观点。我认为生产版本更难更改,所以请尝试将其与您在开发中所做的任何操作相匹配。

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前