如何在沒有服務器的情況下在本地使用 Javascript 庫？

Question

我正在嘗試使用以下庫，它從 colors 中提取名稱：

問題是他們有一個 Javascript CDN，但除非你使用 Node，否則他們不會告訴你如何使用它。

import namedColors from 'color-name-list';

let someColor = namedColors.find(color => color.hex === '#ffffff');
console.log(someColor.name); // => white

let someNamedColor = namedColors.find(color => color.name === 'Eigengrau')
console.log(someColor.hex); // => #16161d

我不使用節點或服務器，所以導入不起作用，我如何在本地運行它？

Answer 1

它托管的一個地方是 unpkg，它沒有跨域限制，因此您可以從文檔中列出的端點fetch ：

 fetch('https://unpkg.com/color-name-list@9.18.1/dist/colornames.json').then(r => r.json()).then((result) => { console.log(result[0].name); // put code here that depends on the library }) //.catch(handleErrors);

該庫也有自己的API，可以使用：

 fetch('https://api.color.pizza/v1/').then(r => r.json()).then((result) => { console.log(result.colors[0].name); // put code here that depends on the library }) //.catch(handleErrors);