Vue 3 include local static files into index.html

Question

<!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/[email protected]/dist/jquery.min.js"></script>
    <link rel="stylesheet" href="semantic/dist/semantic.min.css">

I have a basic Vue 3 project and within my public/index.html file I want to include files from root directory (e.g. node_modules or my semantic folder)

I've tried various configurations within vue.config.js file but seems like none of them works.

module.exports = {
  publicPath: '',
}

What's the proper way of including custom local css/js files into index.hmtl without moving them directly into public directory?

Kaneda · Accepted Answer · 2021-04-20 14:04:26Z

0

I was with a similar problem a time ago, I asked here too but I found the solution myself, here is the link, how I was using my own webpack configuration, it may differ from what you need to do, but I think the core is the same, the esModule option on file-loader was messing with the path of local files I wanted to load.

answered Apr 20, 2021 at 14:04

Kaneda

7215 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue 3 include local static files into index.html

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related