Webpack - 更改索引中 JavaScript 文件的路径'src'.html

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填充webpack"/admin/"；。

然而，webpack并不理解并将每个文件(js、img、html(放在同一目录、同一级别(没有子文件夹(。

因此在src/admin/中，删除单词"；示例"；从文件名"；webpack.config.example.js"；

打开此文件并插入此代码

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

return config;
};