zoukankan      html  css  js  c++  java
  • [转]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

  • 相关阅读:
    mysql 优化
    对象的特征
    对象的回收机制
    对象产生的过程
    python 内容查询小助手
    python笔记
    python安装MySQLdb模块
    python笔记
    python笔记
    定期删除备份文件,节省磁盘空间脚本
  • 原文地址:https://www.cnblogs.com/ToBeBest/p/11321847.html
Copyright © 2011-2022 走看看