title: Vue 3 include local static files into index.html
body: <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;&quot;&gt;
    &lt;head&gt;
      &lt;link rel=&quot;icon&quot; href=&quot;&lt;%= BASE_URL %&gt;favicon.ico&quot;&gt;
      &lt;title&gt;&lt;%= htmlWebpackPlugin.options.title %&gt;&lt;/title&gt;
      &lt;script src=&quot;https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js&quot;&gt;&lt;/script&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;semantic/dist/semantic.min.css&quot;&gt;
  </code></pre>
  <p>I have a basic Vue 3 project and within my <code>public/index.html</code> file I want to include files from root directory (e.g. <code>node_modules</code> or my <code>semantic</code> folder)</p>
  <p>I've tried various configurations within <code>vue.config.js</code> file but seems like none of them works.</p>
  <pre><code>module.exports = {
    publicPath: '',
  }
  </code></pre>
  <p>What's the proper way of including custom local css/js files into <code>index.hmtl</code> without moving them directly into <code>public</code> directory?</p>