我希望 vue-cli3 输出 html 与相对 link

Question

我不擅长配置webpack。所以我正在使用 vue-cli3 创建一个项目而不更改任何配置。

当我构建项目时，它会创建一个 /dist 文件夹和 index.html。 index.html 使用绝对 link 例如 src=/js/app-legacy.69c62d1a.js 到 link 资源。

出于某些原因，我希望 link 是相对的，例如 src=./js/app-legacy.69c62d1a.js。

我能做什么？

Answer 1

您可以在项目根文件夹中创建一个vue.config.js文件来配置webpack。

如果你想要相对路径，它应该看起来像这样：

module.exports = {
  publicPath: "./"
};

您可以在 Configuration Reference 中找到更多信息。