javascript - Aurelia 在 HTML 文件中构建 bundle 位置

标签 javascript webpack aurelia

我正在使用 Aurelia CLI (v1.2.0) 和 webpack (v4.41.0)。运行命令 au build --env prod 效果很好，所有必需的文件都按预期放置在相对于项目根目录的 dist 文件夹中。但是，我在生成的 .html 文件中看到以下问题:

...
<body aurelia-app="main">
  <script type="text/javascript" src="/runtime~app.66066bc9a3f8c86e3d5a.bundle.js"></script>
  <script type="text/javascript" src="/vendor.bluebird~01be3b92.3dbcbc269195ad05c865.chunk.js"></script>
  <script type="text/javascript" src="/vendor.setimmediate~a1c951f6.42ef81a6d814b4bc894f.chunk.js"></script>
  <script type="text/javascript" src="/vendor.process~16c59945.ef28f3259f949d41518b.chunk.js"></script>
  <script type="text/javascript" src="/vendor.moment~399b027d.9b9b0283b72b7237fb27.chunk.js"></script>
...

您会看到这些脚本标记中的 src="/file_name_here" 部分不起作用，因为它在主硬盘的根目录中查找文件，而不是相对于 HTML 文件。如果我添加 src="../file_name_here" 那么一切正常。我是否在某处缺少 webpack 配置？

感谢您的帮助。

最佳答案

在您的项目中，您有一个 webpack.config.js 文件。您应该在那里找到 baseUrl 属性。将其更改为最适合您的内容。

例如:我希望捆绑文件位于 index.html 文件的同一目录中，而不管它们在服务器上各自的路径如何。 (它们并不总是位于我服务器的根目录中)。所以我只需将默认的 '/' 更改为 '' (空字符串。)

关于javascript - Aurelia 在 HTML 文件中构建 bundle 位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59472769/