如何在JSFiddle中导入NPM包？

Question

我想使用valid-url使用JSFiddle验证一些URL，以便我以后可以共享它。我尝试从Github（https://raw.githubusercontent.com/ogt/valid-url/master/index.js）添加index.js文件的链接，但是Fiddle说：

  

Github不是CDN，因此使用它会导致加载文件时出现问题。你还有吗？

显然当我尝试使用它时，会抛出错误：

  

拒绝从[...]执行脚本，因为它的MIME类型（'text / plain'）不可执行，并且启用了严格的MIME类型检查。

那么，有没有办法在JSFiddle中使用npm包？或实现这一目标的任何解决方法？

Answer 1

使用unpkg.com。它们允许您像CDN一样load any npm module from the browser。

Answer 2

使用UNPKG，您可以按照此模式从任何包中加载任何文件

https://unpkg.com/:package@:version/:file

所以，如果您添加

https://unpkg.com/valid-url@1.0.9/

然后您将得到this（如下图所示）

如果您指定index.js文件

https://unpkg.com/valid-url@1.0.9/index.js

然后您将得到this（如下图所示）

然后，您可以通过添加所需的资源来在小提琴中使用它。