Webpack - 修改 index.html 文件中 JavaScript 文件的 'src' 路径

Question

使用webpack构建我的strapi应用程序后，我遇到了一个问题。

在执行yarn build后，我的index.html使用<script>标签导入JavaScript文件。

问题出在这里，在我的构建文件夹中，所有的文件（图像、js文件等）都在0个子文件夹中。

但在我的index.html中，它从一个无效的路径导入:

<script src="admin/file.js"></script>

我想使用Webpack更改这个src，使其看起来像这样：

<script src="./file.js"></script>

有人有解决方案吗？

谢谢。

- Le D

---

你能在你的项目中搜索单词“admin”吗？可能是一些配置错误。 - Raphael Ben Hamo

你需要展示给我们webpack的配置文件。 - user5734311

由于某些原因，webpack和strapi不协调...我提供了一个对我有效的解决方案^^ - Le D

Answer 1

终于找到解决方法了。

我在这个Web应用程序中使用Strapi。

Strapi会自动填充webpack的publicPath为“/admin/”。

然而，webpack无法理解并将每个文件（js、img、html）放在同一目录中，处于同一级别（没有子文件夹）。

因此，在src/admin/内，从文件名“webpack.config.example.js”中删除单词“example”。

打开此文件并插入以下代码：

'use strict';
module.exports = (config, _webpack) => {
  config = {
    ...config,
    output: { ...config.output, publicPath: './'}
   }
   
  return config;
};

- Le D