vue项目调用jssip_Vue 中如何引入第三方 JS 库

我们以 jQuery 为例，来讲解

一、绝对路径直接引入，全局可用

主入口页面 index.html 中用 script 标签引入：

这样，其实就已经可以在项目中使用 jQuery 了。

mounted () {

console.log($)

}

我们来看一下 调试器 截图：

可以看到，我们是可以正常打印出 jQuery 的。

由于我的项目开启了 ESLint 检测，所以也会报一个 error ：'$' is not defined 。

我们可以让 ESLint 不检查这一行：

mounted () {

/* eslint-disable */

console.log($)

}

加了 /* eslint-disable */ 以后，就不会报那个错了。

二、绝对路径直接引入，配置后，import 引入后再使用

第一种方法有一个弊端就是：我们每一个使用了 $ 的地方，都要再前面加上 /* eslint-disable */ ，这显然是不方便的。

于是，我们有了第二种方法

还是先在主入口页面 index.html 中用 script 标签引入：

然后，我们可以在 webpack 中配置一个 externals

externals: {

'jquery': 'jQuery'