Vue 3 将本地静态文件包含到 index.html 中答案

【问题标题】：Vue 3 include local static files into index.htmlVue 3 将本地静态文件包含到 index.html 中
【发布时间】：2021-07-14 17:42:15
【问题描述】：

<!DOCTYPE html>
<html lang="">
  <head>
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
    <link rel="stylesheet" href="semantic/dist/semantic.min.css">

我有一个基本的 Vue 3 项目，我想在我的 public/index.html 文件中包含来自根目录的文件（例如 node_modules 或我的 semantic 文件夹）

我在vue.config.js 文件中尝试了各种配置，但似乎都不起作用。

module.exports = {
  publicPath: '',
}

将自定义本地 css/js 文件包含到 index.hmtl 而不将它们直接移动到 public 目录中的正确方法是什么？

【问题讨论】：

标签： vue.js vuejs3 vue-cli-3 webpack-loader webpack-html-loader

【解决方案1】：

我前段时间也遇到过类似的问题，我也在这里问过，但是我自己找到了解决方案，这里是link，我是如何使用自己的webpack配置的，可能与你需要做的不同，但我认为核心是一样的，文件加载器上的 esModule 选项弄乱了我要加载的本地文件的路径。

【讨论】：