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

Question

因此，我有两个外部Javascript文件，用于处理背景动画的动画和矢量的三角剖分。 现在，在普通的html / css / js项目中，我将在常规index.html </body>标记末尾的<script src="fileLoc.."></script>包含这两个.js文件<script src="fileLoc.."></script> index.html文件。 我的问题是，如何将这两个.js文件包含到VueJS2项目的index.html文件中？ 只是将</body>末尾的<script>标记放在绝对不起作用。

提前致谢

Answer 1

您可以在vue.config.js使用webpack chain添加另一个entry点并为其命名。 这将自动插入到您的index.html文件中：

// vue.config.js

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

实际上，这应该对您有用。

Answer 2

在您的js文件中，您可以执行以下操作：

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