javascript - Webpack - 在 index.html 中更改 'src' javascript 文件的路径

Question

我在构建 strapi 应用程序(使用 webpack)后遇到问题。

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

问题来了，在我的构建文件夹中，有我所有的文件(图像、js 文件等...)和 0 个子文件夹。

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

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

我想用 Webpack 改变这个 src 看起来像这样:

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

有人有解决办法吗？

谢谢。

Answer 1

终于，我找到了解决方法。

我正在为这个网络应用程序使用 Strapi。

Strapi 自动使用 publicPath "/admin/"填充 webpack。

但是，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;
};