如何将外部.js文件添加到index.html？ （VueJS2）

Question

So I have two external Javascript files for handling the animations and triangulation of vectors for a background animation. Now, in a normal html/css/js project I would just include those two .js files in a <script src="fileLoc.."></script> before the end of the </body> tag in my regular index.html file. My question is, how do I include those two .js files into my VueJS2 project's index.html file? Just puttin <script> tags before the </body> end does absolutely nothing.

Thanks in advance

Answer 1

You can add another entry point and give it a name using webpack chain in your vue.config.js . This will automagically be inserted in your index.html file:

// vue.config.js

module.exports = {
  chainWebpack: (config) => {
    config
      .entry('delaunay')
      .add('src/assets/delaunay.js')
      .end()
  }
}

This should work for you in practice.

Answer 2

in your js file you can do this:

import delaunay from './src/assets/delaunay.js'
import bg from './src/assets/bg.js'