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

Question

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

预先感谢

Answer 1

您可以添加另一个entry点，并在webpack chain中使用vue.config.js为其命名。这将自动插入您的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'