HTML 文件中的 Aurelia 构建包位置
Aurelia Build Bundle Locations in HTML File
我将 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
文件的同一目录中,而不管它们在服务器上的各自路径如何。 (它们不会总是在我服务器的根目录中)。
所以我只是将默认 '/'
更改为 ''
(空字符串。)
我将 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
文件的同一目录中,而不管它们在服务器上的各自路径如何。 (它们不会总是在我服务器的根目录中)。
所以我只是将默认 '/'
更改为 ''
(空字符串。)