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

最新文章

  1. MySQL Cluster 7.3.5 集群配置实例(入门篇)
  2. 应用ERP系统与企业的关系
  3. php sql分离
  4. 分布式一致性原理—CAP
  5. ANT教程经典
  6. [改善Java代码]警惕数组的浅拷贝
  7. iOS 隐藏Tabbar
  8. MySQL 创建库
  9. [HDU] 2094 产生冠军(拓扑排序+map)
  10. 关于hibernate子查询参数的问题
  11. qnx:从API开始理解QNX -- 消息传递
  12. MySql 时间操作实例
  13. IntelliJ IDEA添加jar包
  14. 使用PlanViz进行ABAP CDS性能分析
  15. java 11 ZGC(可伸缩,低延迟的gc)
  16. ecshop 前台个人中心修改侧边栏 和 侧边栏显示不全 或 导航现实不全
  17. 微信公众号抢现金红包活动的核心代码分析(asp.net C#)
  18. TEXT 8 Ready, fire, aim
  19. 20172313『Java程序设计』课程结对编程练习_四则运算第二周阶段总结
  20. Cocoa Touch(五):网络请求 NSURLSession/AFNetworking, GCD, NSURLResquest

热门文章

  1. OpenGL ES2.0 入门经典例子
  2. Windows FILETIME 与UNIX时间的转换
  3. 初探Windows用户态调试机制
  4. Springboot MVC 自动配置
  5. CF46B T-shirts from Sponsor 题解
  6. AT2287 [ARC067B] Walk and Teleport 题解
  7. JAVA开发 环境基础 IDEA 常用快捷键
  8. [源码解析] PyTorch 分布式之弹性训练(2)---启动&单节点流程
  9. Android 运行C可执行程序
  10. 【LeetCode】572. 另一个树的子树 Subtree of Another Tree(Python & Java)