前端引入外部 js文件方法一在 <head> </head> 中使用 script 标签引入。这是最简单的方法，不过

方法一

在 <head> </head> 中使用 script 标签引入。

<head>
  <script type="text/javascript" src="链接"></script>
</head>

这是最简单的方法，不过想来不是你想要的方法，因为这种方法在项目加载时就会引入，你可能需要在不同环境下判断是否需要引入，比如微信中引入，钉钉中不引入等。所以还有其它方法来引入。

方法二

使用 js 创建 script 标签去引入。你可以在引入前添加判断条件，来决定是否要引入。

创建一个 js 文件，专门用来写这类内容。

link.js

export function importLink() {
    const link = document.createElement('script')
    link.type = 'text/javascript'
    link.src = '链接'
    document.body.appendChild(link)
}

在 main.js 中引入并调用。

main.js

import { importLink } from '@/utils/judgeWechat'

importLink()

方法三

使用 import 引入。不过需要注意的是，import 只能引入静态文件，外部文件是无法引入的。不过你可以将文件下载下来引入，这也是一种解决办法。

import '相对路径'