HTML文件中的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配置吗?

感谢您的帮助。

cywmm 回答:HTML文件中的Aurelia构建捆绑包位置

在您的项目中,您有一个webpack.config.js文件。 在那里,您应该找到baseUrl属性。更改为最适合您的方式。

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

本文链接:https://www.f2er.com/2865337.html

大家都在问