[转]Vue之引用第三方JS插件

1.绝对路径引入，全局使用。

在index.html文件中使用script标签引入插件。
该种方式就是上面演示ckplayer插件使用的方式。
备注：
    这种方式的引用，会在开启ESLint时，报错，可以通过/* eslint-disable*/去掉检查，但是这样并不友好，如果使用的地方很多，都得加，那不是很费事吗。

2.绝对路径引入，配置externals，Import后使用

在index.html文件中使用script标签引入插件。
然后在webpack.base文件中找到externals。
使用的地方用Import引入这个插件即可，（根据配置名进行引入）

这种方式就可以解决第一种方式的ESLint检查问题。虽然全局引入，但是这依然有一个问题就是使用时需要Import的问题，因为每次都要import也确实很麻烦，哈哈，人都是这样得寸进尺（懒死了）。

3.webpack配置plugins,无须Import，全局可用

配置webpack的plugins属性，加入一条插件配置，
然后全局可以用

备注：这个解决了1，2的问题，并且index.html中也不需要使用script标签进行引入了，强烈推荐此种方式进行使用。

4.webpack配置alias,Import后使用

这种方式跟第二种方式，很相似。
配置webpack中的alias，创建插件的别名，
然后使用时候需要Import

参考: 1.https://blog.51cto.com/4837471/2160405

2.https://blog.csdn.net/zy444263/article/details/85252477