如何在JSFiddle中导入NPM包?

jos*_*las 9 javascript npm jsfiddle

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

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

显然当我尝试使用它时,会抛出一个错误:

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

那么,有没有办法在JSFiddle中使用npm包?或者任何解决方法来实现这一目标?

Tia*_*ica 7

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

https://unpkg.com/:package@:version/:file
Run Code Online (Sandbox Code Playgroud)

所以,如果你添加

https://unpkg.com/valid-url@1.0.9/
Run Code Online (Sandbox Code Playgroud)

然后你会得到这个(如下图所示)

JSFiddle 中的 UNPKG npm 包

如果指定 index.js 文件

https://unpkg.com/valid-url@1.0.9/index.js
Run Code Online (Sandbox Code Playgroud)

然后你会得到这个(如下图所示)

带有 npm 包的 JSFiddle

然后您就可以通过添加您想要的资源在您的小提琴中使用它。