如何优雅的使用GitHub的js脚本

发表于 分类于 阅读次数： 本文字数： 214 阅读时长 ≈ 1 分钟

前言

GitHub上有很多优秀的开源脚本, 但是不能直接使用, 需要下载下来保存在自己的项目中。
如果是使用JSFiddle进行演示的话, 只能通过url引用(当然如果你不嫌累长篇大段的CV大法另当别论)。
即使是直接引用raw也会抛出异常, GitHub的raw文件的MIME type(Internet media type)为text/plain。而<script>要求为application/javascript。

1
Refused to execute script from 'http://raw.githubusercontent.com/user/repo/branch/file.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled.

解决方案

其实GitHub自己就提供了解决方案。
只要将raw.githubusercontent.com替换为rawgit.com(非生产环境)或cdn.rawgit.com即可。
项目生产环境最好使用cdn。

比如http://raw.githubusercontent.com/user/repo/branch/file.js替换为http://cdn.rawgit.com/user/repo/tag/file.js

参考资料