1000の星の下のものすごいプロジェクト
3568 ワード
梁
JavaScript環境の最も有り難い特徴の一つは間違いなくNPM オープンソースパッケージの巨大な選択.使いやすい、(主に)信頼性の高い、高速、安全な.それは、そのベルトの下で多くの大きな利点を持ちます.
一方、ベテランの開発者によってさえ、最も嫌われている主題のうちの1つは、ノードの間の奇妙な二分法です.JSとJavaScriptブラウザエンジン.言語はバックエンドとフロントエンドで同じコードを実行する可能性を提供します、しかし、我々は全くそれが継ぎ目なく動くところを決して得ませんでした.
Lyoは、そのギャップを埋めることを目指します.このツールは任意のノードを有効にすることができます.単一のファイルブラウザライブラリにJSパッケージ.
例を見て歩きましょう.
まず、私はブラウザに持っているNPMにランダムパッケージを選択します.JavaScriptから欠けている共通の特徴は、ネイティブの暗号化ですsha1 . このハッシュスクリプトをプレーンHTMLページに追加したいと思います.
以来npx 私はLyoをインストールする必要さえありません.
npx lyo get sha1
上から下まで、
npx lyo get sha1
sha1
<script src="sha1.min.js"></script>
<script>
console.log(sha1("P@ssWord")); // => 56355fa0c17cb7f9dc0d936f6c7aa385114ee097
</script>
これはなんと簡単でしょう.簡単に十分な?あなたもあなたの端末を開くしたくないですか?Lyoはあなたをカバーしました.オープンlyo.now.sh お好みのブラウザでコンパイルしたいパッケージの名前を入力します.Lyoはすべての世話をして、CDNかノードの上でこのパッケージを使用する方法を出力します.js
スペクトルの反対側では、なぜあなたのノードをブラウザのバージョンであなたのユーザーに提供しません.JSパッケージ?
もちろん、あなたはすでにBrowserifyやWebpackを使用することがありますが、今Lyoにすべての作業を委任することができます.
プロジェクトフォルダを開き、実行します
npx lyo init
npm install
Lyoは編集しますpackage.json
ファイルを依存性として追加し、スクリプトを実行するスクリプトを追加します.今、あなたはNPMにあなたの仕事を公開するたびに、それは単一のファイルにパックされます.このファイルを直接ダウンロードすることができますかjsDelivr or unpkg .
いくつかの警告、Lyoは、その出力がブラウザ環境の下で働いていることを保証することができません.たとえば、ファイルシステムまたは任意のノードのみの機能を使用してパッケージは、ブラウザ上で実行することはできません.また、BrowserifyはES 6のような特徴の使用に関して全く独断的ですimport/export . これは、ノードが既にサポートしていない構文を使用できないことを意味します.JS '最後のバージョン.
私は、とても複雑なプロセスがどのようにとても簡単に使われることができるか本当に好きです.あなたが好きかどうかextreme modularity of NPM , Lyoは、あなたにこの力を利用させます.
来月全員会いましょう.
Reference
この問題について(1000の星の下のものすごいプロジェクト), 我々は、より多くの情報をここで見つけました https://dev.to/gmartigny/awesome-projects-under-1000-stars-3---lyo-2k93テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol